Новый вид комментариев для uCoz
Новый вид комментариев для светлых тонов дизайна
На всех страницах где могут быть комментарии вставляем:
А это вставляем в Вид комментариев:
P.S. Чтобы аватары отображались в комментариях , нужно использовать аватары 45х45!
На всех страницах где могут быть комментарии вставляем:
Код
<link rel="stylesheet" href="http://www.elegantthemes.com/preview/MyCuisine/wp-content/themes/MyCuisine/style.css" type="text/css" media="screen" />
А это вставляем в Вид комментариев:
Код
<li class="comment even thread-even depth-1" id="li-comment-311">
<div id="comment-311" class="comment-body clearfix">
<div class="avatar-container">
<div class="avatar-box">
<img alt='' src='$USER_AVATAR_URL$' class='avatar avatar-56 photo' height='56' width='56' /> <span class="avatar-overlay"></span>
</div> <!-- end .avatar-box -->
<span class="comment-date">$WDAY$<br>$TIME$</span>
</div> <!-- end .avatar-container -->
<div class="comment-top">
<div class="comment-bottom">
<div class="comment-container">
<div class="comment-wrap clearfix">
<div class="comment-meta commentmetadata"><span class="fn"><a href="$PROFILE_URL$">$NUMBER$.$USERNAME$</a></span> написал: </div>
<div class="comment-content"><p>$MESSAGE$</p>
</div> <!-- end comment-content-->
</div> <!-- end .comment-container-->
</div> <!-- end .comment-bottom-->
</div> <!-- end .comment-top-->
<div class="comment-arrow"></div>
</div> <!-- end .comment-body-->
</li>
<div id="comment-311" class="comment-body clearfix">
<div class="avatar-container">
<div class="avatar-box">
<img alt='' src='$USER_AVATAR_URL$' class='avatar avatar-56 photo' height='56' width='56' /> <span class="avatar-overlay"></span>
</div> <!-- end .avatar-box -->
<span class="comment-date">$WDAY$<br>$TIME$</span>
</div> <!-- end .avatar-container -->
<div class="comment-top">
<div class="comment-bottom">
<div class="comment-container">
<div class="comment-wrap clearfix">
<div class="comment-meta commentmetadata"><span class="fn"><a href="$PROFILE_URL$">$NUMBER$.$USERNAME$</a></span> написал: </div>
<div class="comment-content"><p>$MESSAGE$</p>
</div> <!-- end comment-content-->
</div> <!-- end .comment-container-->
</div> <!-- end .comment-bottom-->
</div> <!-- end .comment-top-->
<div class="comment-arrow"></div>
</div> <!-- end .comment-body-->
</li>
P.S. Чтобы аватары отображались в комментариях , нужно использовать аватары 45х45!
0| Всего комментариев: 2 | |
|
| |
 | Информация: Посетители, находящиеся в группе Гости, не могут оставлять комментарии. |
нужно будет вытащить из styles.css комменты
и добавить в свой css
.comment {
position: relative;
}
.comment-top {
margin-left: 82px;
background: url(../images/comment-top.png) no-repeat;
padding-top: 9px;
}