Регистрация    Войти
Авторизация

Удобный вид комментариев для ucoz

Удобный вид комментариев для ucoz

Удобный вид комментариев для ucoz. Вид комментариев собственного написания. Выполнены в серых тонах, подойдут для любого дизайна. Интересное решение для ответов на комментарий и для непрочитанных комментариев.

Установка:
В вид материалов комментариев:
<table class="NewsComm<?if($IS_NEW$)?> NotRead<?endif?><?if($LEVEL$)?> Level<?endif?>" cellpadding="0" cellspacing="0" width="100%"> 
<tr align="left">
<td class="CommAva"><img src="$USER_AVATAR_URL$"></td>
<td class="CommArrow" align="right"><img src="http://usite.su/images/NewsCommArrow.png"></td>
<td class="CommMess">
<div class="CommInf" style="width:auto;height:auto;">
<a href="$PROFILE_URL$"><font style="<?if($USERNAME$='ник_администратора')?>color:red<?endif?>">$USERNAME$</font></a> $DATE$ в $TIME$ написал:
<div style="float:right;"><?if($MODER_PANEL$)?>$MODER_PANEL$ <?endif?>#$NUMBER$</div>
</div>
<?if(!$IS_OWN$)?><a href="$ANSWER_URL$" class="CommAnswer" title="Ответить"><?endif?>
$MESSAGE$
<?if($PAGE_ID$='usercomments')?><br><a href="$ENTRY_URL$" target="_blank"><b><small>Перейти к новости</small></b></a><?endif?>
<?if(!$IS_OWN$)?></a><?endif?>
</td>
</tr>
</table>

В CSS:
.NewsComm {margin-top: 10px;} 
.Level {opacity: .5;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-o-transition: all 200ms ease;
}
.Level:hover {opacity: 1;}
td.CommAva {vertical-align: top;}
td.CommAva img {
width: 60px;
height: 60px;
border-right: 1px solid rgba(0,0,0,.2);
border-bottom: 1px solid rgba(0,0,0,.2);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
padding: 3px;
background-color: #e0e0e0;
}
td.CommArrow {
width: 9px;
vertical-align: top;
}
td.CommArrow img {padding: 6px 0 0 5px;}
td.CommMess {
width: 100%;
background-color: rgba(0,0,0,.1);
padding: 5px 10px;
vertical-align: top;
-webkit-text-shadow: 1px 1px 0 rgba(255,255,255,.5);
-moz-text-shadow: 1px 1px 0 rgba(255,255,255,.5);
text-shadow: 1px 1px 0 rgba(255,255,255,.5);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border-right: 1px solid rgba(0,0,0,.2);
border-bottom: 1px solid rgba(0,0,0,.2);
}
.NotRead {background: url('http://usite.su/images/CommNotReadBg.png') repeat-y right top;}
div.CommInf {
border-bottom: 1px solid rgba(0,0,0,.1);
padding-bottom: 5px;
margin-bottom: 4px;
font-size: 9px;
color: #888;
}
div.CommInf font {font-weight: bold; text-decoration: underline;}
.CommAnswer {text-decoration: none; color: inherit;}
.CommAnswer:hover {color: darkblue; cursor: pointer;}

Есть вопросы по шаблону или скрипту? так задай их и мы ответим!

Автор: chestr  15-04-2012, 22:25   Просмотров: 7481   
тонах, любого, ucoz, подойдут, Интересное, дизайна, Удобный, ответов, комментариев, комментариев, комментариев,
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.

Пользователь offline Vitashan 24 апреля 2012 20:43
Спасибо! Вы мне очень помогли

          1
Пользователь offline PruFF_MaN 12 декабря 2012 11:35
B css куда именно код вставлять?

          2
Пользователь offline chestr 12 декабря 2012 14:39
Цитата: PruFF_MaN
B css куда именно код вставлять?

В самый низ!

          3
Пользователь offline Guard 12 марта 2013 19:57
Почему когда я закидываю все колы куда надо, у меня напрочь сбивается весь шаблон на сайте ?

          4
Пользователь offline luk4196 6 августа 2013 20:14
надо подкорректировать размер аватара, то его что-то сплющило!!

          5

Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.