• Страница 1 из 1
  • 1
Форум » Веб-разработка » HTML + CSS — коды » Красивый, темный вид комментариев для сайта
Красивый, темный вид комментариев для сайта
Kosten
Вторник, 23 Октября 2012 | Сообщение 1
Оффлайн
Администраторы
Сообщений:44342
Награды: 70


Представляю вам красивый, темный вид комментариев для сайта. Вид будит красиво смотреться на темных дизайн сайтов. Также вы можете в нем, то есть в коде поменять ссылку на но аватар. Ставиться очень легко.
Приступаем к установке:
Идем в свою админ панель и ищем там вид комментариев. Как нашли заходим туда и убираем старый код и прописываем наш код.
Code
<style>   
.skif {   
   line-height:0px;   
   font-size:0px;   
   border:none;   
   height:0px;   
   border-top:1px solid rgba(0, 0, 0, 0.5);   
   border-bottom:1px solid rgba(82,82,82,0.3);   
}   
.main_comments_class {border: 1px dashed #606060; background-color: #212121; width: 100%;border-radius: 4px;border-top:1px solid rgba(0, 0, 0, 0.5);border-left:1px solid rgba(0, 0, 0, 0.5);border-bottom:1px solid rgba(82,82,82,0.3);border-right:1px solid rgba(82,82,82,0.3);}   
.main_comments_title { width: 100%; height: 20px; font-family: Verdana; font-size:14px;}   
.comment_avatar_url {width: 84px; vertical-align: top;}   
.comment_message_url {width: 500px; vertical-align: top; color: #b8b8b8; font-size: 12px;}   
.table_avatar_message {height:100%;}   
num {font-size: 14px; font-weight: bold; color: #929292;}   
date {font-size: 11px; vertical-align:center;}   
</style>   
<body>   
<table class="main_comments_class">   
<tr>   
   <td class="main_comments_title"><div style="float:right;font-size:11px;">   
<?if($COMMENT_RATING$<0)?>   
<span class="myWinError"><b>$COMMENT_RATING$</b></span>   
<?else?>   
<?if($COMMENT_RATING$=0)?>   
<span style="color:gray;"><b>$COMMENT_RATING$</b></span>   
<?else?>   
<span class="myWinSuccess"><b>+$COMMENT_RATING$</b></span>   
<?endif?>   
<?endif?>   
<?if($GOOD_COMMENT_URL$)?><a href="$GOOD_COMMENT_URL$"><img alt="" src="http://s102.ucoz.net/img/icon/thumbu.png" width="13" align="absmiddle" border="0" title="Хороший пост"></a> <a href="$BAD_COMMENT_URL$"><img alt="" src="http://s102.ucoz.net/img/icon/thumbd.png" width="13" border="0" align="absmiddle" title="Плохой пост"></a><?else?><img alt="" src="http://s102.ucoz.net/img/icon/thumbu_.png" align="absmiddle" width="13" border="0" title="Хороший пост"> <img alt="" src="http://s102.ucoz.net/img/icon/thumbd_.png" width="13" align="absmiddle" border="0" title="Плохой пост"><?endif?> $MODER_PANEL$</div><div class="cTop" style="text-align:left;">   
<?if($IS_OWN$)?><span class="myWinError">*</span> <?else?><?if($IS_NEW$)?><span class="myWinSuccess">*</span> <?endif?><?endif?><num>$NUMBER$.</num> $USERNAME$ <date>($TIME$ $WDAY$)</date></td>   
</tr>   
<tr>   
<td><table class="table_avatar_message"> <div class="skif"></div>   
<tr>   
   <td class="comment_avatar_url"><a href="$PROFILE_URL$" >   
<?if ($USER_AVATAR_URL$) ?>   
<img src="$USER_AVATAR_URL$" width="80" border="0" />   
<?else?>   
<img src="http://zornet.ru/_ph/7/2/620087945.png" width="80" border="0" >   
<?endif?>   
</a></td>   
<td class="comment_message_url">$MESSAGE$</td>   
</tr>   
</table></td>   
</tr>   
</table>   
<br>
Прикрепления: 7614335.jpg (124.0 Kb)
Страна: (RU)
Форум » Веб-разработка » HTML + CSS — коды » Красивый, темный вид комментариев для сайта
  • Страница 1 из 1
  • 1
Поиск: