« Красивый вид комментариев для uCoz (3 варианта цветов) »

Описание материала:

Красивый вид комментариев для uCoz, в архиве присутствует три разных цвета, это - оранжевый, синий и красный. Вид красиво будет смотреться на светлых дизайнах и хорошо приукрасит Ваш сайт. Как видно на изображение материала, в виде комментариев присутствует аватар пользователя в правом боку, так есть кнопка Like. Вид очень прост в установке и не потребует огромных усилий.

Установка:
1. Скачиваем архив с нашего сайта, выбираем один из трех цветов и загружаем папку vid_com в корень своего сайта
2. Далее заходим в ПУ - Управление дизайном - модуль Комментарии - Вид комментариев и заменяем имеющий код на этот:

Код
<link type="text/css" rel="StyleSheet" href="/vid_com/style.css" />
<div class="cell_comment">  

  <div class="comment_top">  
  <strong class="comment_name"><?if($USERNAME$)?>$USERNAME$ <?else?>$NAME$<?endif?></strong>  
  <span> пишет: | $DATE$ | $TIME$ <?if($MODER_PANEL$ && $EMAIL$)?><a href="$EMAIL_JS$" title="Email"> ( E-mail )</a><?endif?></span>  
  <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$"><strong class="comment_number">#$NUMBER$</strong></a>  
  <?if($ENTRY_URL$)?><a class="comment_page" href="$ENTRY_URL$" target="_blank" title="Перейти на страницу материала">Страница с комментарием </a><?endif?>  
  <?if($MODER_PANEL$)?><span class="comment_mp">$MODER_PANEL$</span><?endif?>  
  </div>  

  <div class="comment_message">  
  <?if($USERNAME$)?><a href="$PROFILE_URL$"><img class="comment_avatar" alt="$USERNAME$" src="<?if($USER_AVATAR_URL$)?>$USER_AVATAR_URL$<?else?>http://internetempire.ru/ava/coll3/avatar_8.png<?endif?>" /></a><?else?><img src="http://internetempire.ru/ava/coll3/avatar_8.png" class="comment_avatar" alt="аватар отсутствует" /><?endif?>  
  $MESSAGE$  
  <?if($ANSWER$)?><div class="comment_answer_admin"><a href="/index/8-1" ><img class="comment_avatar_admin" alt="админ" src="http://internetempire.ru/ava/coll3/avatar_8.png"></a>$ANSWER$</div><?endif?>  
  </div>  

  <div class="comment_bottom">  
  <?if($ANSWER_URL$)?><a href="$ANSWER_URL$" class="comment_answer">Ответить</a><?endif?>  
  <strong> <?if($COMMENT_RATING$>0)?>Like | +$COMMENT_RATING$ <?endif?> <?if($COMMENT_RATING$=0)?><?if($GOOD_COMMENT_URL$)?><?else?>Like |<?endif?> $COMMENT_RATING$ <?endif?></strong>  
  <?if($GOOD_COMMENT_URL$)?><a class="comment_like" href="$GOOD_COMMENT_URL$">Like</a><?endif?>  
  </div>  

</div>


Все, теперь у Вас красивый вид комментариев!


Скачать ( Размер архива 117.9 Kb )

По данной ссылке, Вы можете скачать или купить архив данного материала

Установка материала

Мы поможем установить данный материал к Вам на сайт


Добавил: YaVi | Категория: Скрипты для uCoz | Просмотров: 669 | Загрузок: 22


Поделиться в соц. сетях:
Комментариев к материалу: 1
Норм!
2
avatar