Шаблоны для uCoz [18] |
Виды материалов [10] |
Мини профили [7] |
Мини чаты [8] |
Виды комментариев [14] |
Формы входа [3] |
Информеры [33] |
Украшения [16] |
Меню сайта [5] |
Кнопки [27] |
Шапки сайта [3] |
Медиа [19] |
Переключатели [8] |
Разное [65] |
Формы поиска [9] |
Скрипты [46] |
Игры на сайт [6] |
Аякс (Ajax) окна [1] |
PHP скрипты [3] |
11:39 Новый вид комментария для uCoz с уголком |
Описание: Новый вид комментариев для uCoz сайтов с уголком. Оригинальный вариант, вида комментариев, в котором установлено изображение уголка и прописаны стили, придающие тень объекту. Установка: Качаем ахив, и заливам все его файлы в корневой каталог вашего сайта. Заходим в админ панель сайта Дизайн/Новости сайта/Страница материала и комментария к нему и ищем код: Код $COM_BODY$ Заменяем его на: Код <ul class="cell_coment">$COM_BODY$</ul> Теперь заходим: Дизайн/Комментарии/Вид комментариев и заменяем весь код на: Код <li><div class="avatar"><a href="$PROFILE_URL$"><img src="$USER_AVATAR_URL$" alt="$USERNAME$" /><img src="/avatar_01.png" alt="аватар отсутствует" /></a><img src="$USER_AVATAR_URL$" alt="$USERNAME$" /><img src="/avatar_01.png" alt="аватар отсутствует" /></div> <div class="coment_info"><span class="tip"></span><div class="coment_os"> <div class="coment_name left"><a href="$PROFILE_URL$">$USERNAME$</a>$NAME$ <span style="">($DATE$ $TIME$)</span></div><div class="coment_nomer right"><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$">$NUMBER$</a></div><div class="clear"></div> <div class="coment_message left">$MESSAGE$</div> <div class="coment_rating right">$COMMENT_RATING$ <span style="color:gray;">$COMMENT_RATING$ </span><script src="/tsed.js" type="text/javascript"></script><span class="myWinSuccess">+$COMMENT_RATING$</span><a href="$GOOD_COMMENT_URL$"><img alt="" src="/plus_01.gif" width="10" align="absmiddle" border="0" title="Хороший пост"></a> <a href="$BAD_COMMENT_URL$"><img alt="" src="/minuc_01.gif" width="10" border="0" align="absmiddle" title="Плохой пост"></a><img alt="" src="/plus_02.png" align="absmiddle" width="10" border="0" title="Хороший пост"> <img alt="" src="/minuc_02.png" width="10" align="absmiddle" border="0" title="Плохой пост"> $MODER_PANEL$</div> </div></div></li> В css прописываем следующий код: Код /* ВИД КОММЕНТАРИЯ ===================================================*/ .cell_coment { list-style: none; padding: 0px; margin: 0px; } .cell_coment li { position: relative; padding-left: 60px; width: 500px; } .coment_info { position: relative; text-align:justify; color: #555; background: #fff; border: 1px solid #C9C9C9; padding: 10px; margin-bottom: 30px; } .coment_os { overflow: hidden; } .coment_name, .coment_nomer { padding-bottom: 5px; } .coment_message { width: 100%; border-top: 1px solid #C9C9C9; border-bottom: 1px solid #C9C9C9; padding: 5px 0px; } .coment_rating { padding-top: 5px; } .coment_name, .coment_nomer, .coment_rating { font:10px Verdana,Arial,Helvetica, sans-serif; color:#999; font-weight: bold; } .avatar a:hover, .avatar { position: absolute; height: 45px; width: 45px; left: 0; } .avatar img { height: 45px; width: 45px; border: none; } .tip{ position: absolute; top: 10px; left: -7px; height: 13px; width: 9px; background: url("/fon_ugol.png") no-repeat top left; } .coment_info, .avatar a:hover { box-shadow: 0px 0px 5px #999; -moz-box-shadow: 0px 0px 5px #999; -webkit-box-shadow: 0px 0px 5px #999; } .left {float:left;} .right {float:right;} .clear {clear:left;} .coment_rating a:hover img {filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; filter: alpha(opacity=50);} /* =================================================*/ |
Всего комментариев: 0 | |