Например: Иконки
Четверг, 25.04.2024, 23:00 Регистрация Карта сайта RSS Лента
Меню сайта
Всё для ucoz Всё для кс 1.6 ПРОГРАММЫ ДЛЯ ПК Онлайн игры Видео ТВ Радио Каталог сайтов Гостевая книга Доска объявлений Форум FAQ (вопрос/ответ) Блог Каталог статей Все игры Alawar Боты для игр Заказ доменов
Чат
Статистика
Гости: Пользователи:
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Пользователи онлайн
Никого нет.
Реклама
Страны посетителей

Реклама на сайте

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

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

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

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

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

[code]<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>[/code]
Просмотров: 648 | Добавил: DoG | Рейтинг: 0.0/0 Вернутся
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Реклама на сайте