Чтение RSS
По вопросам сотрудничества и рекламы на портале MixliP, обращаться на почту admin@turklib.ru
MixliP - Территория вебмастера! На нашем сайте вы найдете все для веб-мастеров и не только =) ! Различные скрипты для вашего сайта. И еще на нашем сайте немало софта! Заходи не пожалеешь!


Новый яркий вид каментариев для uCoz

Новый яркий вид каментариев для uCoz


Замечательный скрипт для ucoz - Новый вид комментариев. Скрипт выполнен в светлых тонах без использования лишней графики. Вид комментариев отображается во всех браузерах одинаково. Rulez-dm постарался на славу!
Шаг-1-Скачивайте архив папку из архива в корень сайта


Vid-kamentariev.rar


Шаг 2 - Установка HTML
Для начала избавимся от старого кода вида комментариев для ucoz, заходим в П.У - Дизайн - Управление дизайном - Комментарии - Вид комментариев и устанавливаем следующий код:


<div class="cell_comment_os">  
  <div class="comment_p ">  
  <?if($USERNAME$)?><a href="$PROFILE_URL$"><?if($USER_AVATAR_URL$)?> <img class="comment_avatar" src="$USER_AVATAR_URL$" /><?else?><img src="/images/no_avatar.jpg" class="comment_avatar" alt="аватар отсутствует" /><?endif?></a><?else?><img src="/images/no_avatar.jpg" class="comment_avatar" alt="аватар отсутствует" /><?endif?>  
  </div>  
  <div class="comment_v grey">  
  <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>$NUMBER$</strong></a> |  
  <strong class="gren"><?if($USERNAME$)?>$USERNAME$ <?else?>$NAME$<?endif?></strong> пишет: | $DATE$ | $TIME$ <?if($MODER_PANEL$ && $EMAIL$)?><a href="$EMAIL_JS$" title="Email"> ( E-mail )</a><?endif?>  
  <span class="right">$MODER_PANEL$</span>  
  <?if($ENTRY_URL$)?><a class="right" href="$ENTRY_URL$" target="_blank" title="Перейти на страницу материала">Страница с комментарием </a>|<?endif?>  
  </div>  
  <div class="comment_c text_11">  
  $MESSAGE$  
  <?if($ANSWER$)?><p class="vcc_otvet"><strong>Ответ</strong>: $ANSWER$<p><?endif?>  
  </div>  
  <div class="comment_n grey text_9">  
  <?if($ANSWER_URL$)?><a href="$ANSWER_URL$">Ответить</a> |<?endif?>  
  <?if($GOOD_COMMENT_URL$)?>  
  <a href="$GOOD_COMMENT_URL$"><img src="/images/plus_01.gif" alt="+" title="Хороший пост"/></a>  
  <span class="post_r">($COMMENT_RATING$)</span>  
  <a href="$BAD_COMMENT_URL$"><img src="/images/minuc_01.gif" alt="-" title="Плохой пост"/></a><?else?>  
  <?if($COMMENT_RATING$=0)?>  
  <img src="/images/plus_02.png" alt="+" title="Хороший пост"/>  
  <span class="post_r">($COMMENT_RATING$)</span>  
  <img src="/images/minuc_02.png" alt="-" title="Плохой пост"/>  
  <?else?>  
  <?if($COMMENT_RATING$<0)?>  
  <img src="/images/plus_02.png" alt="+" title="Хороший пост"/>  
  <span class="red">($COMMENT_RATING$)</span>  
  <img src="/images/minuc_02.png" alt="-" title="Плохой пост"/>  
  <?else?>  
  <img src="/images/plus_02.png" alt="+" title="Хороший пост"/>  
  <span class="gren">(+$COMMENT_RATING$)</span>  
  <img src="/images/minuc_02.png" alt="-" title="Плохой пост"/>  
  <?endif?>  
  <?endif?>  
  <?endif?>  
  </div>  
  </div> 




Шаг 2 - Установка CSS
Теперь придадим виду комментариев ucoz вид. Заходим в П.У - Дизайн - Управление дизайном(CSS) и вставляем код ниже:


/* Вид комментарий ucoz  
  ------------------------------------------*/  
  .cell_comment_os {  
  float:left;  
  width:100%;  
  background:#fff;  
  border:1px solid #CAD1DB;  
  padding-bottom:3px;  
  margin-bottom:15px;  
  }  
  .comment_p {  
  float:right;  
  width:80px;  
  }  
  .comment_v {  
  margin: 5px 0px 5px 10px;  
  }  
  .comment_c {  
  overflow: hidden;  
  text-align:justify;  
  margin: 0px 0px 0px 10px;  
  padding: 5px 0px;  
  border-top: 1px solid #e7e7e7;  
  }  
  .comment_n {  
  text-align:right;  
  margin: 3px 78px 0px 10px;  
  }  
  .vcc_otvet {overflow:hidden!important; border: 1px solid #eccece; padding: 10px;background:#fcf6f6; }  
  .comment_avatar {  
  width:40px;  
  height:40px;  
  padding: 4px;  
  margin: 8px 10px 0px 15px;  
  border: 1px solid #CAD1DB;  
  background:#F6F6F6;  
  -webkit-border-radius:5px;  
  -moz-border-radius:5px;  
  border-radius:5px;  
  }  
  .red {color: #d20000;}  
  .gren {color: #429e1e;}  
  .grey {color: #999;}  
  .text_9 {font: 9px Verdana,Arial,Helvetica, sans-serif;}  
  .right {float:right;}

Просмотры: 1198 Комментарии (0)
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.


Владельцы и пользователи сайта MixliP.ru не осуществляют никакой продажи либо перепродажи программных и иных продуктов интеллектуальной собственности. На нашем сайте не хранится ни одного файла или документа, который нарушал бы смежное или авторское право.


Сайт MixliP.ru представляет собой набор новостей и ссылок на внешние общедоступные источники в сети Интернет, не подконтрольные администрации сайта MixliP.ru, а, следовательно, не несет никакой ответственности за их содержание.


Вся информация о программном обеспечении и скриптах, размещенная на данном сайте, предоставлена исключительно в ознакомительных целях и только для просмотра, и призвана помочь посетителям сайта MixliP.ru выбрать для себя и в последствии приобрести соответствующие лицензионные авторские программные продукты.


Читать полностью информацию правообладателям.


Сайт работает на хостинге BEGET.RU


Рекомендует Mixlip.RU





Наши друзья

Полезное

NEW - Анализ сайта

Оптимизация вашего сайта.

Читайте также

 Пользователи онлайн

  • Всего на сайте: 10
    Пользователей: 0
    Гостей: 9
    Роботов: 1
    Yandex