Приветствую Вас Прохожий | RSS Вторник, 06.12.2016, 17:03
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


Мини-чат
Все вопросы задаем в форуме,
здесь они игнорируются!



Статистика
Онлайн всего: 20
Гостей: 18
Пользователей: 2
MaDaRa, LESIYI



Главная » Файлы » Скрипты для uCoz » Скрипты Вид новостей

Комплект из 5 Видов комментария для uCoz

Комплект из 5 Видов комментария для uCoz Комплект, Видов, комментария, uCoz
Пять видов комментариев сверстал Rulez-dn22.
Комплект из 5 Видов комментария для uCoz.

Установка:
Установим первоначальный нужный html код по этому пути: Панель управления > Дизайн > Управление дизайном Ю Комментарии > Вид комментариев (удаляем старый код и устанавливаем новый):

Code

<div class="$CLASS$">  
  <div class="vid_comments_os">  
  <div class="vc_top">  
  <div class="vc_name"><strong>$USERNAME$ $NAME$</strong><a href="$EMAIL_JS$" title="Email"> ( E-mail )</a><span> | $DATE$ | $TIME$</span></div>  
  <div class="vc_nomer"><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$">$NUMBER$</a> </div>  
  <div class="vc_reiting">  
  <a href="$GOOD_COMMENT_URL$"><img src="http://www.center-dm.ru/ucoz/vid_coment/plus_01.gif" alt="+" title="Хороший пост"/></a>  
  <span class="post_r">($COMMENT_RATING$)</span>  
  <a href="$BAD_COMMENT_URL$"><img src="http://www.center-dm.ru/ucoz/vid_coment/minuc_01.gif" alt="-" title="Плохой пост"/></a>  
  <img src="http://www.center-dm.ru/ucoz/vid_coment/plus_02.png" alt="+" title="Хороший пост"/>  
  <span class="post_r">($COMMENT_RATING$)</span>  
  <img src="http://www.center-dm.ru/ucoz/vid_coment/minuc_02.png" alt="-" title="Плохой пост"/>  
  <img src="http://www.center-dm.ru/ucoz/vid_coment/plus_02.png" alt="+" title="Хороший пост"/>  
  <span class="red">($COMMENT_RATING$)</span>  
  <img src="http://www.center-dm.ru/ucoz/vid_coment/minuc_02.png" alt="-" title="Плохой пост"/> </div> </div>  
<div class="vc_center"><a href="$PROFILE_URL$" title="$USERNAME$"><img class="coment_avatar" alt="" src="$USER_AVATAR_URL$" /></a><a href="$PROFILE_URL$" title="$USERNAME$"><img class="coment_avatar" alt="" src="http://ucozon.ru/ava/02/ae2c0ddf1cf9.jpg" /></a><img class="coment_avatar" alt="" src="http://ucozon.ru/ava/02/ae2c0ddf1cf9.jpg" />$MESSAGE$</div>  
<div class="vcc_otvet"><strong>Ответ</strong>: $ANSWER$</div>  
<div class="vc_bottom"><a href="$ANSWER_URL$">Ответить</a> $MODER_PANEL$</div>  
  </div> </div>


Теперь нам нужно выбрать один из пяти дизайнов, Но код уже вставляем ПУ>Дизайн>CSS и в конце кода CSS вставляем нужный нам код(под картинкой):

№1 Белый вид комментариев

Code
/* 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;}


№2 Черный вид комментариев

Code
/* 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;}


№3 Оранжевый вид комментариев

Code

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

.cBlock1 {background: #fff0e1;}  
.cBlock2 {background: #fff4db;}  

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

.vid_comments_os a:link,  
.vid_comments_os a:visited {color:#e98d34;}  
.vid_comments_os a:hover {color:#2222be;}  
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 #f6c65d;  
}  

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

.vcc_otvet {  
  color:#555;  
  padding: 5px 5px 5px 5px;  
  background: #fff;  
  border: 1px solid #f6c65d;  
  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;}


№4 Голубой Синий вид комментариев

Code
/* Comments Style */  
.cBlock1,  
.cBlock2 {  
  float:left;  
  overflow: hidden;  
  width:100%;  
  margin-bottom: 15px;  
  outline: 1px solid #84ABC2;  
  border: 1px solid #fff;  
}  

.cBlock1 {background: #eff3f7;}  
.cBlock2 {background: #dbe8f6;}  

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

.vid_comments_os a:link,  
.vid_comments_os a:visited {color:#115882;}  
.vid_comments_os a:hover {color:#2222be;}  
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:#777;}  

.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 #84ABC2;  
}  

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

.vcc_otvet {  
  color:#555;  
  padding: 5px 5px 5px 5px;  
  background: #fff;  
  border: 1px solid #84ABC2;  
  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;}


№5 Зеленый вид комментариев

Code
/* Comments Style */  
.cBlock1,  
.cBlock2 {  
  float:left;  
  overflow: hidden;  
  width:100%;  
  margin-bottom: 15px;  
  outline: 1px solid #60bd5c;  
  border: 1px solid #fff;  
}  

.cBlock1 {background: #cdf6ce;}  
.cBlock2 {background: #ebffeb;}  

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

.vid_comments_os a:link,  
.vid_comments_os a:visited {color:#1d821f;}  
.vid_comments_os a:hover {color:#1d5882;}  
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:#777;}  

.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 #60bd5c;  
}  

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

.vcc_otvet {  
  color:#555;  
  padding: 5px 5px 5px 5px;  
  background: #fff;  
  border: 1px solid #60bd5c;  
  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;}
Автор\Источник: center-dm.ru

Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Просмотров: 4181 | Комментарии: 6 | Рейтинг: 2.7/7 | |Категория: Скрипты Вид новостей | Добавил: мир | Дата: 16.01.2012 | Скачали: 0 | Теги: комплект, видов, комментария, ucoz
Похожие новости на нашем сайте
Коментарий к новости

Всего комментариев: 6
6 mdbaner   Дата: 17.01.2012  Время: 01:56   [№ 11926]
Предлагаю перебрать и автору нос утереть , и выставить для всеобщего использования.

5 yakana   Дата: 16.01.2012  Время: 22:25   [№ 11924]
на скринах красиво

4 biq_shock   Дата: 16.01.2012  Время: 19:20   [№ 11922]
На картинки вид комментариев понравился , когда поставил НЕТ - какая-та туфта с багами...

3 mixmix   Дата: 16.01.2012  Время: 18:08   [№ 11921]
да и к тому же ссылок напихано на сайт center-dm.ru, зачем вообще такое делать

2 belekas   Дата: 16.01.2012  Время: 16:30   [№ 11916]
согласен проверял тоже неработает

1 on-zl   Дата: 16.01.2012  Время: 15:07   [№ 11914]
НЕ РАБОТАЕТ!!!!!!!!!!!!


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Форма входа
Логин:
Пароль:


Поиск


На форуме

1 Файловик. Уникальные те...

0

2 Куплю сайты в индексе Я...

1

3 Куплю сайты с ТИЦ/PR (п...

9

4 Предлагаю услуги для ан...

0

5 Предлагаю услуги по про...

0

6 Комплексный прогон сайт...

51

7 Сайт онлайн фильмов на ...

1

8 Проблема с таблицей

9

9 Отредактировать фото

2

10 Уже все перепробовал )

1


Подробней о форуме


Комментарии



Copyright UcozOn.ru™ © 2008-2016


Кнопка 88х31 сайта ucozon.ru