Статистика
Статьи | Публикации
Вид комментариев ucoz
Замечательный скрипт для ucoz - Новый вид комментариев . Скрипт выполнен в светлых тонах без использования лишней графики. Вид комментариев отображается во всех браузерах одинаково. Rulez-dm постарался на славу!
Шаг 1 - Установка HTML
Для начала избавимся от старого кода вида комментариев для ucoz, заходим в П.У - Дизайн - Управление дизайном - Комментарии - Вид комментариев и устанавливаем следующий код: <div class="cell_comment_os"> <div class="comment_p "> <a href="$PROFILE_URL$"> <img class="comment_avatar" src="$USER_AVATAR_URL$" /><img src="http://wallaby.ucoz.ru/images2/no_avatar.jpg" class="comment_avatar" alt="аватар отсутствует" /></a><img src="http://wallaby.ucoz.ru/images2/no_avatar.jpg" class="comment_avatar" alt="аватар отсутствует" /> </div> <div class="comment_v grey"> <a href="#ent$ID$" onclick="if (document.getElementById('comEnt$ID$')){$('body').scrollTo( { top:$('#comEnt$ID$').offset().top-22, left:0}, 500 );return false;}" name="ent$ID$"><strong>$NUMBER$</strong></a> | <strong class="gren">$USERNAME$ $NAME$</strong> пишет: | $DATE$ | $TIME$ <a href="$EMAIL_JS$" title="Email"> ( E-mail )</a> <span class="right">$MODER_PANEL$</span> <a class="right" href="$ENTRY_URL$" target="_blank" title="Перейти на страницу материала">Страница с комментарием </a>| </div> <div class="comment_c text_11"> $MESSAGE$ <p class="vcc_otvet"><strong>Ответ</strong>: $ANSWER$<p> </div> <div class="comment_n grey text_9"> <a href="$ANSWER_URL$">Ответить</a> | <a href="$GOOD_COMMENT_URL$"><img src="http://wallaby.ucoz.ru/images2/plus_01.gif" alt="+" title="Хороший пост"/></a> <span class="post_r">($COMMENT_RATING$)</span> <a href="$BAD_COMMENT_URL$"><img src="http://wallaby.ucoz.ru/images2/minuc_01.gif" alt="-" title="Плохой пост"/></a> <img src="http://wallaby.ucoz.ru/images2/plus_02.png" alt="+" title="Хороший пост"/> <span class="post_r">($COMMENT_RATING$)</span> <img src="http://wallaby.ucoz.ru/images2/minuc_02.png" alt="-" title="Плохой пост"/> <img src="http://wallaby.ucoz.ru/images2/plus_02.png" alt="+" title="Хороший пост"/> <span class="red">($COMMENT_RATING$)</span> <img src="http://wallaby.ucoz.ru/images2/minuc_02.png" alt="-" title="Плохой пост"/> <img src="http://wallaby.ucoz.ru/images2/plus_02.png" alt="+" title="Хороший пост"/> <span class="gren">(+$COMMENT_RATING$)</span> <img src="http://wallaby.ucoz.ru/images2/minuc_02.png" alt="-" title="Плохой пост"/> </div> </div>
Шаг 2 - Установка CSS
Теперь придадим виду комментариев ucoz вид. Заходим в П.У - Дизайн - Управление дизайном(CSS) и вставляем код ниже: /* Вид комментарий ucoz ------------------------------------------*/ .cell_comment_os { float:left; width:100%; background:#fff; border:1px solid #CAD1DB; padding-bottom:3px; margin-bottom:15px; } .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 #e7e7e7; } .comment_n { text-align:right; margin: 3px 78px 0px 10px; } .vcc_otvet {overflow:hidden!important; border: 1px solid #eccece; padding: 10px;background:#fcf6f6; } .comment_avatar { width:40px; height:40px; padding: 4px; margin: 8px 10px 0px 15px; border: 1px solid #CAD1DB; background:#F6F6F6; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } .red {color: #d20000;} .gren {color: #429e1e;} .grey {color: #999;} .text_9 {font: 9px Verdana,Arial,Helvetica, sans-serif;} .right {float:right;}
Автор: Центер-дм
Источник: http://wallaby.ucoz.ru
Категория: Скрипты на сайт ucoz и т.д. | Добавил: Admin (16.03.2014)
Просмотров: 174
| Рейтинг: 0.0 /0
Поделитесь с друзьями в соц.сетях!
Добавлять комментарии могут только зарегистрированные пользователи.
[
Регистрация |
Вход ]
Block title
Реклама: 5 руб - ссылка