• Страница 1 из 1
  • 1
Модератор форума: neok  
Вид комментариев v.1.4 official
neok
Дата: Воскресенье, 16.03.2014, 15:05 | Сообщение # 1
Admin сайта Neok
Администраторы
Сообщения: «347»
Награды: «1» +
Замечания: «» +
Страна: Украина









Итак, обещанный сюрприз в "четверке".
Теперь, вместо "двузначной" кнопки "Показать/скрыть комментарий" две кнопки с плавным слайдом. Кстати про него - теперь, вместо быстрого слайда используется медленный и более плавный, а это означает, что он более стабилен на 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> -->


dля красоты, подключим дизайн #1090.

Доступно только для пользователей

Доступно только для пользователей



Админ этого сайта. Лежать стоять оп оп БАН!

Сообщение отредактировал neok - Воскресенье, 16.03.2014, 15:07
[ (UA) ]
  • Страница 1 из 1
  • 1
Поиск:



Хостинг от uCozЯндекс.Метрика