Гость
Статистика Форума
Последнии темы Популярные темы Лучшии пользователи Новые пользователи
» [23.09.2018] Прохождения NLC v6 - Начало (0)
» [23.09.2018] Гид по NLC v6 от By Leshik (0)
» [23.09.2018] Вопросы по моду NLC 6 v6.008 - Начало (0)
» [23.09.2018] NLC v6.008 - Начало (0)
» [23.09.2018] NLC 7: "Я - Меченный" (0)
» [23.09.2018] NLC 7 Build 3.0 (0)
» [23.09.2018] NLC 7. Правки и модификации (6)
» [23.09.2018] NLC 7: HBM 1.6 (0)
» [23.09.2018] New Level Changer 6.0 "Начало" (0)
» [23.09.2018] NLC 6 - Long Way Mod (0)
» Тайники и подсказки (82)
» Русскоязычное руководство по моду Frackin' Universe... (38)
» Фоны для сталкерского сайта (32)
» Capital-Rp Wikia Code (22)
» ГИД Прохождение остальных квестов ОП - 2 (21)
» Личные сообщения (18)
» Проблемы в модуле "Пользователи" (17)
» Рамки сталкер / для аватарок / новостей. (13)
» Полный список предметов в переводе для STALKER ОП-2 (13)
» Sigerous Mod 2.2 + Albor Weapons Pack (13)
» Xemordio (2513)
» Duzeppa26 (5)
» Ghosteron (3)
» Бармен (1)
» Даниил_Хороший (1)
» Glomar (1)
» oleg2013 (0)
» marinak1984 (0)
» freez12332 (0)
» johnnym (0)
» [21.09.2018] kures80
» [16.09.2018] marinak1984
» [15.09.2018] johnnym
» [09.09.2018] LENA_D
» [09.09.2018] oleg2013
» [03.09.2018] zdarg
» [02.09.2018] nitro-oc
» [02.09.2018] oleg101
» [31.08.2018] Razilator
» [30.08.2018] Yuri_Geruk

  • Страница 1 из 1
  • 1
Форум » Web uCoz » Скрипты для uCoz » Светлый вид комментариев для uCoz
Светлый вид комментариев для uCoz
Xemordio [Offline] Дата: Понедельник, 27.08.2018, 08:40 | Сообщение # 1
Генерал [?]
Группа: Администраторы
Сообщений: 2513
Награды: 1
Репутация: 3


Решил выложить светлый вид комментариев. Данный скрипт ucoz ничем не отличается от предыдущего темного вида комментариев, только цвет.
Установку комментариев ucoz выполним в 2 этапа: Первый - установка HTML, Второй - CSS.

HTML
Заходим в Админ панель => Дизайн => Управление дизайном => Комментарии => Вид комментарий, удаляем старый код и устанавливаем новый:
Код
<div class="$CLASS$">  
  <div class="vid_comments_os">  
  <div class="vc_top">  
  <div class="vc_name"><strong><?if($USERNAME$)?>$USERNAME$ <?else?>$NAME$<?endif?></strong><?if($MODER_PANEL$ && $EMAIL$)?><a href="$EMAIL_JS$" title="Email"> ( E-mail )</a><?endif?><span> | $DATE$ | $TIME$</span></div>  
  <div class="vc_nomer"><a href="#ent$ID$" uzzonclick="if (document.getElementById('comEnt$ID$')){$('body').scrollTo( { top:$('#comEnt$ID$').offset().top-22, left:0}, 500 );return false;}" name="ent$ID$">$NUMBER$</a> </div>  
  <div class="vc_reiting">  
  <?if($GOOD_COMMENT_URL$)?>  
  <a href="$GOOD_COMMENT_URL$"><img src="http://wallaby.ucoz.ru/_ph/1/2/358401381.gif" alt="+" title="Хороший пост"/></a>  
  <span class="post_r">($COMMENT_RATING$)</span>  
  <a href="$BAD_COMMENT_URL$"><img src="http://wallaby.ucoz.ru/_ph/1/2/502451503.gif" alt="-" title="Плохой пост"/></a><?else?>  
  <?if($COMMENT_RATING$=0)?>  
  <img src="http://wallaby.ucoz.ru/_ph/1/2/962410741.png" alt="+" title="Хороший пост"/>  
  <span class="post_r">($COMMENT_RATING$)</span>  
  <img src="http://wallaby.ucoz.ru/_ph/1/2/489588750.png" alt="-" title="Плохой пост"/>  
  <?else?>  
  <?if($COMMENT_RATING$<0)?>  
  <img src="http://wallaby.ucoz.ru/_ph/1/2/962410741.png" alt="+" title="Хороший пост"/>  
  <span class="red">($COMMENT_RATING$)</span>  
  <img src="http://wallaby.ucoz.ru/_ph/1/2/489588750.png" alt="-" title="Плохой пост"/>  
  <?else?>  
  <img src="http://wallaby.ucoz.ru/_ph/1/2/962410741.png" alt="+" title="Хороший пост"/>  
  <span class="gren">(+$COMMENT_RATING$)</span>  
  <img src="http://wallaby.ucoz.ru/_ph/1/2/489588750.png" alt="-" title="Плохой пост"/>  
  <?endif?>  
  <?endif?>  
  <?endif?>  
  </div>  
  </div>  
  <div class="vc_center"><?if($USERNAME$)?><?if($USER_AVATAR_URL$)?><a href="$PROFILE_URL$" title="$USERNAME$"><img class="coment_avatar" alt="" src="$USER_AVATAR_URL$" /></a><?else?><a href="$PROFILE_URL$" title="$USERNAME$"><img class="coment_avatar" alt="" src="http://wallaby.ucoz.ru/_ph/1/2/123843080.jpg" /></a><?endif?><?else?><img class="coment_avatar" alt="" src="http://wallaby.ucoz.ru/_ph/1/2/123843080.jpg" /><?endif?>$MESSAGE$</div>  
  <?if($ANSWER$)?><div class="vcc_otvet"><strong>Ответ</strong>: $ANSWER$</div><?endif?>  
  <div class="vc_bottom"><?if($ANSWER_URL$)?><a href="$ANSWER_URL$">Ответить</a> <?endif?> $MODER_PANEL$</div>  
  </div>  
  </div>

CSS
Код
/* Comments Style */  
  .cBlock1,  
  .cBlock2 {  
  float:left;  
  overflow: hidden;  
  width:100%;  
  margin-bottom: 15px;  
  outline: 1px solid #d7d7d7;  
  border: 1px solid #fff;  
  }  

  .cBlock1 {background: #f6f6f6;}  
  .cBlock2 {background: #e5e5e5;}  

  .vid_comments_os {  
  float:left;  
  width:95%;  
  padding: 5px 15px 5px 16px;  
  }  

  .vid_comments_os a:link,  
  .vid_comments_os a:visited {color:#2e6fac;}  
  .vid_comments_os a:hover {color:#31ac2e;}  
  img {border: none; }  
  a {outline: none; text-decoration:none!important; }  

  .vc_top {  
  float:left;  
  width:100%;  
  padding: 0px 0px 5px 0px;  
  }  

  .vc_name {  
  font: 10px Verdana,Arial,Helvetica, sans-serif;  
  text-shadow: 1px 1px 1px #fff;  
  float:left;  
  padding: 3px 0px 0px 0px;  
  }  
   
  .vc_name strong {color:#4EA62C;}  
  .vc_name span {color:#999;}  

  .vc_reiting {  
  font: 11px Verdana,Arial,Helvetica, sans-serif;  
  float:right;  
  }  

  .vc_reiting img {float:left; padding-top: 6px;}  
  .vc_reiting span {float:left; padding: 2px 5px 0px 5px; font-weight: bold;}  

  .vc_nomer {  
  font: 11px Verdana,Arial,Helvetica, sans-serif;  
  float:right;  
  font-size:19px;  
  margin-left: 15px;  
  }  

  .vc_nomer a:link,  
  .vc_nomer a:visited {color:#C7C7C7;}  
  .vc_nomer a:hover {color:#2C68A6;}  

  .vc_center {  
  float:left;  
  text-align:justify;  
  font: 115%/1.5 Verdana,Arial,Helvetica, sans-serif;  
  color:#555;  
  width:100%;  
  }  

  .coment_avatar{  
  float:right;  
  width:50px;  
  height:50px;  
  padding:3px;  
  margin: 0px 0px 10px 15px;  
  border: 1px solid #fff;  
  }  

  .vc_center {  
  color:#555;  
  width:100%;  
  }  

  .vcc_otvet {  
  color:#555;  
  padding: 5px 5px 5px 5px;  
  background: #fff;  
  border: 1px solid #d7d7d7;  
  width:98%;  
  margin: 10px 0px 10px 0px;  
  }  

  .vc_center,  
  .vcc_otvet {  
  float:left;  
  overflow: hidden;  
  text-align:justify;  
  font: 115%/1.5 Verdana,Arial,Helvetica, sans-serif;  
  }  

  .vc_bottom {  
  clear:left;  
  text-align:right;  
  padding: 0px 0px 0px 0px;  
  }  

  .post_r {color: #888;}  
  .red {color: #a71a1a;}  
  .gren {color: #1da71a;}  
  .grey {color: #999;}
Xemordio [Offline] Дата: Понедельник, 27.08.2018, 08:43 | Сообщение # 2
Генерал [?]
Группа: Администраторы
Сообщений: 2513
Награды: 1
Репутация: 3
Темный вид комментариев для uCoz

HTML
Код
<div class="$CLASS$">  
  <div class="vid_comments_os">  
  <div class="vc_top">  
  <div class="vc_name"><strong><?if($USERNAME$)?>$USERNAME$ <?else?>$NAME$<?endif?></strong><?if($MODER_PANEL$ && $EMAIL$)?><a href="$EMAIL_JS$" title="Email"> ( E-mail )</a><?endif?><span> | $DATE$ | $TIME$</span></div>  
  <div class="vc_nomer"><a href="#ent$ID$" uzzonclick="if (document.getElementById('comEnt$ID$')){$('body').scrollTo( { top:$('#comEnt$ID$').offset().top-22, left:0}, 500 );return false;}" name="ent$ID$">$NUMBER$</a> </div>  
  <div class="vc_reiting">  
  <?if($GOOD_COMMENT_URL$)?>  
  <a href="$GOOD_COMMENT_URL$"><img src="http://wallaby.ucoz.ru/_ph/1/2/358401381.gif" alt="+" title="Хороший пост"/></a>  
  <span class="post_r">($COMMENT_RATING$)</span>  
  <a href="$BAD_COMMENT_URL$"><img src="http://wallaby.ucoz.ru/_ph/1/2/502451503.gif" alt="-" title="Плохой пост"/></a><?else?>  
  <?if($COMMENT_RATING$=0)?>  
  <img src="http://wallaby.ucoz.ru/_ph/1/2/962410741.png" alt="+" title="Хороший пост"/>  
  <span class="post_r">($COMMENT_RATING$)</span>  
  <img src="http://wallaby.ucoz.ru/_ph/1/2/489588750.png" alt="-" title="Плохой пост"/>  
  <?else?>  
  <?if($COMMENT_RATING$<0)?>  
  <img src="http://wallaby.ucoz.ru/_ph/1/2/962410741.png" alt="+" title="Хороший пост"/>  
  <span class="red">($COMMENT_RATING$)</span>  
  <img src="http://wallaby.ucoz.ru/_ph/1/2/489588750.png" alt="-" title="Плохой пост"/>  
  <?else?>  
  <img src="http://wallaby.ucoz.ru/_ph/1/2/962410741.png" alt="+" title="Хороший пост"/>  
  <span class="gren">(+$COMMENT_RATING$)</span>  
  <img src="http://wallaby.ucoz.ru/_ph/1/2/489588750.png" alt="-" title="Плохой пост"/>  
  <?endif?>  
  <?endif?>  
  <?endif?>  
  </div>  
  </div>  
  <div class="vc_center"><?if($USERNAME$)?><?if($USER_AVATAR_URL$)?><a href="$PROFILE_URL$" title="$USERNAME$"><img class="coment_avatar" alt="" src="$USER_AVATAR_URL$" /></a><?else?><a href="$PROFILE_URL$" title="$USERNAME$"><img class="coment_avatar" alt="" src="http://wallaby.ucoz.ru/_ph/1/2/123843080.jpg" /></a><?endif?><?else?><img class="coment_avatar" alt="" src="http://wallaby.ucoz.ru/_ph/1/2/123843080.jpg" /><?endif?>$MESSAGE$</div>  
  <?if($ANSWER$)?><div class="vcc_otvet"><strong>Ответ</strong>: $ANSWER$</div><?endif?>  
  <div class="vc_bottom"><?if($ANSWER_URL$)?><a href="$ANSWER_URL$">Ответить</a> <?endif?> $MODER_PANEL$</div>  
  </div>  
  </div>

CSS:
Код
/* Comments Style */  
  .cBlock1,  
  .cBlock2 {  
  float:left;  
  overflow: hidden;  
  width:100%;  
  margin-bottom: 15px;  
  }  

  .cBlock1 {background: #555;}  
  .cBlock2 {background: #333;}  

  .coment_avatar,  
  .cBlock1,  
  .cBlock2 {  
  outline: 1px solid #2c2c2c;  
  border: 1px solid #838383;  
  }  

  .vid_comments_os {  
  float:left;  
  width:95%;  
  padding: 5px 15px 5px 16px;  
  }  

  .vid_comments_os a:link,  
  .vid_comments_os a:visited {color:#9cbdd3;}  
  .vid_comments_os a:hover {color:#87dd85;}  
  img {border: none; }  
  a {outline: none; text-decoration:none!important; }  

  .vc_top {  
  float:left;  
  width:100%;  
  padding: 0px 0px 5px 0px;  
  }  

  .vc_name {  
  font: 10px Verdana,Arial,Helvetica, sans-serif;  
  text-shadow: 1px 1px 1px #111;  
  float:left;  
  padding: 3px 0px 0px 0px;  
  }  
   
  .vc_name strong {color:#4EA62C;}  
  .vc_name span {color:#999;}  

  .vc_reiting {  
  font: 11px Verdana,Arial,Helvetica, sans-serif;  
  float:right;  
  }  

  .vc_reiting img {float:left; padding-top: 6px;}  
  .vc_reiting span {float:left; padding: 2px 5px 0px 5px; font-weight: bold;}  

  .vc_nomer {  
  font: 11px Verdana,Arial,Helvetica, sans-serif;  
  float:right;  
  font-size:19px;  
  margin-left: 15px;  
  }  

  .vc_nomer a:link,  
  .vc_nomer a:visited {color:#C7C7C7;}  
  .vc_nomer a:hover {color:#2C68A6;}  

  .vc_center {  
  float:left;  
  text-align:justify;  
  font: 115%/1.5 Verdana,Arial,Helvetica, sans-serif;  
  color:#b5b5b5;  
  width:100%;  
  }  

  .coment_avatar{  
  float:right;  
  width:50px;  
  height:50px;  
  padding:3px;  
  margin: 0px 0px 10px 15px;  
  }  

  .vc_center {  
  color:#b5b5b5;  
  width:100%;  
  }  

  .vcc_otvet {  
  color:#ececec;  
  padding: 5px 5px 5px 5px;  
  background: #7d7d7d;  
  border: 1px solid #959595;  
  width:98%;  
  margin: 10px 0px 10px 0px;  
  }  

  .vc_center,  
  .vcc_otvet {  
  float:left;  
  overflow: hidden;  
  text-align:justify;  
  font: 115%/1.5 Verdana,Arial,Helvetica, sans-serif;  
  }  

  .vc_bottom {  
  clear:left;  
  text-align:right;  
  padding: 0px 0px 0px 0px;  
  }  

  .post_r {color: #858585;}  
  .red {color: #ef7575;}  
  .gren {color: #8fef75;}  
  .grey {color: #999;}
Форум » Web uCoz » Скрипты для uCoz » Светлый вид комментариев для uCoz
  • Страница 1 из 1
  • 1
Поиск:

09:58