Темно-синий вид комментариев для uCoz
827материалов
228тем на форуме
3004комментария
6159пользователей

Темно-синий вид комментариев для uCoz


Комментарий автора:

Че то не спится мне, решили покопаться в интернете и поискать что нибудь интересное для Вас. Наткнулся я на очень интересное решение - это вид комментариев для uCoz. Сам скрипт построена на css, выполнен в темно синих тонах и соответственно для темных дизайнов сайта, но и на светлых сайтах, тоже будет не плохо смотреться. В материале присутствует демонстрация комментариев. Установка очень проста, всего лишь 2 шага. Если возникнут какие то вопросы и не понятки, то задавайте их в комментариях!

Установка:

В вид комментариев вставляем код:
Код
<div id="comment">      
<div class="date"><?if($MODER_PANEL$)?>$MODER_PANEL$<?endif?> $DATE$ <?if($ANSWER_URL$)?><a class="reply" href="$ANSWER_URL$"> Ответить</a><?endif?></div>      
<div class="commenttext">      
<span class="padd">      
<img class="ava" src='<?if($USER_AVATAR_URL$)?>$USER_AVATAR_URL$<?else?>/img/noavatar.png<?endif?>'/>      
</span>      
<span><?if($USERNAME$)?>$USERNAME$<?else?>$NAME$<?endif?>:</span>      
<p>      
$MESSAGE$      
</p>      
</div>      
</div>

В CSS:
Код
#comment{      
display:block;      
margin:10px 0 0 0;      
width:600px;      
height:auto;      
padding:0px;      
box-shadow: 0 3px 0px #1a1823;      
background:#2b2937;      
-webkit-border-radius:4px;      
-moz-border-radius:4px;      
border-radius:4px;      
}      
.reply{padding:0 0 0 5px;}      
.date{      
display:block;      
float:right;      
font-size:12px;      
font-weight:normal;      
padding:8px 8px 0px 8px;      
margin:0px;      
}      
.commenttext p{padding:0px 10px 0px 0px;}      
.commenttext{      
width:100%;      
overflow:hidden;      
padding:0px 0px 15px 0px;      
margin:0px;      
font: 14px Calibri, Arial, sans-serif;      
}      
.commenttext span{      
display:block;      
font-size: 18px;      
font-family:Calibri, Arial, sans-serif;      
font-weight:bold;      
color:#ccc;      
}      
.padd{height:100%;padding:0px 0px 0 10px;display:block;width:100px;float:left;clear:both;}      
.ava{border:2px solid #fff;float:left;margin:0px;border-radius:50%;clear:both;padding:0px;width:70px;height:70px;}

ПОСМОТРЕТЬ ДЕМО ЗАКАЗАТЬ УСТАНОВКУ

Скрипт опубликовал:
...
Логин на сайте: ...
Группа: ...
Статус: ...
Информация о скрипте:
Дата добавления материала: 02.08.2015 в 05:00
Материал просмотрен: 519 раз
Категория материала: Скрипты для uCoz
К материалу оставлено: 0 комментариев

Пожаловаться
Сказать спасибо
Источник

0 комментариев


avatar
Вход через социальные сети
Работа в компании uCoz
uSocial - социальные кнопки
uLike – кнопка «Мне нравится»
Статистики нашего сайта