Добавить сайт в закладки | Регистрация | Вход | RSS   
  0629 Первый информационно-развлекательный сайт портал города. Городской сайт  
Добавить объявление
 
Расширенный
Знакомства
 
Я:
Найти:
Возраст:
лет
Где:



Категории
Происшествия Криминал
Общество Политика
Бизнес Спорт
Страна и мир Экология
Курьезы Культура
ФОРЕКС ВАЛЮТА


Главная » 2013 » Июль » 24 » Последние комментарии как на diz-cs
09:06
Последние комментарии как на diz-cs
Красивый информер последние комментарии для вашего сайта. Этот информер подойдёт для темных дизайнов. В нем преобладают зеленые цвета на которых написано время комментария. Слева находится Аватар того пользователя который оставил комментарий.

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>
Просмотров: 319 | | Рейтинг: 0.0/0
Поделиться в соцсетях
comments powered by HyperComments

Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
[13.09.2014][Общество]
Представь себе, что каждый день минимум 3 новые красивые девушки (0)

[03.03.2014][Происшествия]
Аудиоплеер серого цвета с плейлистом (0)

[03.03.2014][Происшествия]
Рабочий мини профиль для ucoz (0)

[28.02.2014][Происшествия]
Красочный КВ скрипт + оформлен css стилями (0)

[28.02.2014][Происшествия]
Вид опроса для uCoz в стиле Flat дизайна (0)

[28.02.2014][Происшествия]
Форма поиска по сайту ucoz (0)

[08.02.2014][Происшествия]
Чвсы для сайта, блога (0)

[25.01.2014][Происшествия]
Получить код кнопки или баннера (0)

[25.01.2014][Происшествия]
Вид информера онлайн кинотеатра (0)

[25.01.2014][Происшествия]
Кот на сайт для uCoz (0)

[20.01.2014][Происшествия]
Скрипт радио для вашего сайта (0)

[29.12.2013][Происшествия]
Кнопка вверх (0)

[29.12.2013][Происшествия]
Вид комментариев для юкоз (0)

[27.12.2013][Происшествия]
Цветная статистика для Ucoz (0)

[13.12.2013][Происшествия]
Гирлянда для сайта (0)

[12.12.2013][Происшествия]
Новогодние украшения на сайт (0)

[12.12.2013][Происшествия]
Скрипт снег на сайт для uCoz (0)

[07.12.2013][Происшествия]
Профиль для ucoz в нижнем правом углу сай (0)

[07.12.2013][Происшествия]
Красивый информер для файлов ucoz (0)

[07.12.2013][Происшествия]
Кнопка Вверх и вниз для сайта (0)



Изделия из металла.