Каталог файлов

Рейтинг:4.6
Категория: Скрипты для Ucoz
 

Итак, обещанный сюрприз в "четверке".
Теперь, вместо "двузначной" кнопки "Показать/скрыть комментарий" две кнопки с плавным слайдом. Кстати про него - теперь, вместо быстрого слайда используется медленный и более плавный, а это означает, что он более стабилен на PDA браузерах.

На место увеличения по клику пришел плагин iZOOM (спасибо пользователю buckij). Это означает, что при наведении на изображение, будет появляться эффект лупы.

Вместо появления ссылок при разрешенном действии и текста при запрещенном, теперь видны кнопки. При запрещенном действии они серые и не кликабельные. При наведении на них курсора, выскакивает подсказка: "Запрещено совершать это действие", а если оно разрешено - кнопки зеленые (оба варианта при условии подключенного дизайна #1090). Было решено избавиться от flat-иконок в нижней панели возле кнопок. Вместо них - одна-единственная иконка "like" как на Facebook - при наведении курсора на нее, вы поймете, что она значит.

Как вы видите, была добавлена кнопка "Пожаловаться". К сожалению, протестировать ее не удалось, поэтому о результатах ее работы сообщите разработчику.

Улучшен дизайн - аватарка выводится сбоку, что переключает внимание пользователя на сам слайдер "Показать комментарий". Должен признаться, это дизайнерское решение вышло случайно :).

Уменьшен вес блока с комментариями, что положительно сказалось на скорости загрузки страниц и увеличило производительность сайта.

Установка:
В виде комментариев меняем весь код на следующий:
Код
<style type="text/css">  

  .iZoom {height:40px;width:40px;}  
  .imgWrapper {margin:10px 10px 10px 10px; padding:5px; float:left; border:1px solid #777; background:#fff;}  

  </style>  
  <script type="text/javascript" src="/js/iZoom.js"></script>  
  <script type="text/javascript">  
  $('document').ready(function(){  
  $('#$NUMBER$').iZoom({diameter:50});  
  });  
  </script>  
  <table border="0" cellpadding="0" cellspacing="0" width="100%" class="$CLASS$"><td><div style="float:right;font-size:11px;font-family:Arial,sans-serif;">  
  $MODER_PANEL$</div><?ifnot($IS_NEW$)?><div class="cTop" style="text-align:left;">(<img src="http://vk-news.ucoz.org/open57.png" width="20" height="15" border="0" alt="" title="Прочитан" /><?else?><img src="http://vk-news.ucoz.org/email19.png" width="20" height="15" border="0" alt="" title="Новый" /><?endif?>)  
  Комментарий #<a href="#ent$ID$" onclick="if (document.getElementById('comEnt$ID$')){$('body').scrollTo( { top:$('#comEnt$ID$').offset().top-22, left:0}, 500 );return false;}" name="ent$ID$">[b]$NUMBER$[/b]</a>  
  от <?if($USERNAME$)?><?if($USER_AVATAR_URL$)?><div class="imgWrapper"><img class="iZoom" id="$NUMBER$" src="$USER_AVATAR_URL$" /></div><?endif?><a href="$PROFILE_URL$">[b]$USERNAME$[/b]</a><?else?>[b]$NAME$[/b]<?endif?> [size=7pt;unicode-bidi:embed]<?if($IS_OWN$)?>Вы написали<?else?>Написал<?endif?> $DATE$ в $TIME$[/size]<hr>  
  </div>  
  <div class="cMessage" style="text-align:left;clear:both;padding:2px 0;"><a onclick="$('#ID$NUMBER$').slideDown('slow');" href="javascript://"><button>Показать комментарий</button></a>  
  <div id="ID$NUMBER$" style="display: none;">$MESSAGE$<br><a onclick="$('#ID$NUMBER$').slideUp('slow');" href="javascript://"><button>Скрыть комментарий</button></a></div></div>  
  <hr>  
  <div id="allrate$NUMBER$" align="right"><?if($USER_LOGGED_IN$)?><?ifnot($IS_OWN$)?><a id="com$ID$" href="javascript://" onclick="$(this).html('');$('#status').fadeIn('100');$('#loading').show();badcom();"><button>Пожаловаться <img src="http://vk-news.ucoz.org/ComIcons/promoting.png" width="15" height="15" border="0" alt="" /></button></a><?else?><?else?><input class="manFlSbm" id="nwF7" style="font-weight:bold;" name="sbm" type="button" value="Пожаловаться" title="Запрещено жаловаться на комментарий" onclick="document.getElementById('doSmbBt').click();" disabled="disabled"><?endif?><?endif?> | <?if($ANSWER_URL$)?><div style="clear:both;padding:4px 0;font-size:7pt;"><a href="$ANSWER_URL$"><button>Ответить <img src="http://vk-news.ucoz.org/ComIcons/comment3.png" width="17" height="15" border="0" alt="" /></button></a></div><?else?><input class="manFlSbm" id="nwF7" style="font-weight:bold;" name="sbm" type="button" value="Ответить" title="Нельзя ответить на комментарий" onclick="document.getElementById('doSmbBt').click();" disabled="disabled"> | <?endif?> <?if($GOOD_COMMENT_URL$)?><a href="$GOOD_COMMENT_URL$"><button>Мне нравится <img src="http://vk-news.ucoz.org/innews/thumb12.png" width="15" height="15" border="0" alt="" /></button></a><?else?><input class="manFlSbm" id="nwF7" style="font-weight:bold;" name="sbm" type="button" value="Мне нравится" title="Нельзя оценить комментарий" onclick="document.getElementById('doSmbBt').click();" disabled="disabled"><?endif?> | <img src="http://vk-news.ucoz.org/innews/thumb12.png" width="15" height="15" border="0" alt="" title="Оценили $COMMENT_RATING$ людей" /> [color=blue] $COMMENT_RATING$[/color]</div></span><hr></td></table>  
   
  <!-- <a onclick="document.getElementById('nwF7').disabled=''; document.getElementById('newsfun').disabled='disabled';" name="checknews" type="checkbox"> <label for="checknews"></label> -->


Для красоты, подключим дизайн #1090.
Код
<link type="text/css" rel="StyleSheet" href="http://u.to/4Vc2Bg" title="http://vk-news.ucoz.org/_st/my.css" />
 
 
 
 
 0 комментариев  1365 просмотров  дата: 29.03.2024  автор: DarkDeveloper
 
 
Советую взглянуть:
  • Переключатель страниц( красный)
  • Новый вид отправки наград
  • Авторизация через соц сети без PHP
  • Radio CSS3
  •  
     
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    Регистрация | Вход

    Меню сайта

    Мини чат

    Последние комментарии


    Опрос сайта

    Долго ли вы работаете с Ucoz
    Всего ответов: 11

    Статистика

    Кол-во зареганных: 2908 (+0)
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    Сейчас на сайте:

    Нас посетили: