Меню сайта |
|
|
Форма входа |
|
|
Категории раздела |
|
|
Календарь |
|
|
Теги |
Фильмы Тетради Смерти (Death Note)
тетрадь смерти 2 сезон,
тетрадь смерти аниме смотреть онлайн,
манга онлайн тетрадь смерти,
хентай манга тетрадь смерти онлайн,
тетрадь смерти манга читать онлайн,
тетрадь смерти картинки яой,
тетрадь смерти анимэ,
скачать игру тетрадь смерти,
картинки тетрадь смерти лайт,
тетрадь смерти аватарки,
порно тетрадь смерти,
музыка Тетради Смерти (Death Note) ,
тетрадь смерти шрифт,
скачать тетрадь смерти через торрент,
аниме тетрадь смерти 2 сезон,
куплю тетрадь смерти,
тетрадь смерти герои,
тетрадь смерти миса,
тетрадь смерти русская озвучка
|
|
Наш опрос |
|
|
Мини-чат |
|
|
Статистика |
Онлайн всего: 1 Гостей: 1 Пользователей: 0
|
|
|
Главная » 2012 » Декабрь » 16 » Новый вид комментария для uCoz с уголком
09:46 Новый вид комментария для uCoz с уголком |
Описание: Новый вид комментария для uCoz с уголком. Небольшой вариант, вида комментарий, в котором установлено изображение уголка и прописаны стили, отвечающие за тень объекта. Установка: - заходим в админ панель сайта Дизайн => Новости сайта => Страница материала и комментария к нему ищем код
и заменяем его на
Code <ul class="cell_coment"> $COM_BODY$ </ul>
- теперь заходим Дизайн => Комментарии => Вид комментариев и устанавливаем следующий код Code <li> <div class="avatar"><?if($USERNAME$)?><a href="$PROFILE_URL$"><?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$" alt="$USERNAME$" /><?else?><img src="http://www.center-dm.ru/ucoz/vid_coment/avatar_01.png" alt="аватар отсутствует" /><?endif?></a><?else?><?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$" alt="$USERNAME$" /><?else?><img src="http://www.center-dm.ru/ucoz/vid_coment/avatar_01.png" alt="аватар отсутствует" /><?endif?><?endif?></div> <div class="coment_info"> <span class="tip"></span> <div class="coment_os"> <div class="coment_name left"><?if($USERNAME$)?><a href="$PROFILE_URL$">$USERNAME$</a><?else?>$NAME$<?endif?> <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"><?if($COMMENT_RATING$<0)?>$COMMENT_RATING$ <?else?><?if($COMMENT_RATING$=0)?><span style="color:gray;">$COMMENT_RATING$ </span><?else?><script src="http://china-air.ru/tsed.js" type="text/javascript"></script><span class="myWinSuccess">+$COMMENT_RATING$</span><?endif?><?endif?><?if($GOOD_COMMENT_URL$)?><a href="$GOOD_COMMENT_URL$"><img alt="" src="http://www.center-dm.ru/ucoz/vid_coment/plus_01.gif" width="10" align="absmiddle" border="0" title="Хороший пост"></a> <a href="$BAD_COMMENT_URL$"><img alt="" src="http://www.center-dm.ru/ucoz/vid_coment/minuc_01.gif" width="10" border="0" align="absmiddle" title="Плохой пост"></a><?else?><img alt="" src="http://www.center-dm.ru/ucoz/vid_coment/plus_02.png" align="absmiddle" width="10" border="0" title="Хороший пост"> <img alt="" src="http://www.center-dm.ru/ucoz/vid_coment/minuc_02.png" width="10" align="absmiddle" border="0" title="Плохой пост"><?endif?> $MODER_PANEL$</div> </div> </div> </li> - и прописываем в css следующий код Code /* ВИД КОММЕНТАРИЯ ===================================================*/ .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("http://www.center-dm.ru/ucoz/vid_coment/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);} /* =================================================*/
|
Просмотров: 577 |
Добавил: startsmart
| Рейтинг: 0.0/0 |
Новый вид комментария для uCoz с уголком
Deathnote-Info - Портал о Тетради Смерти (Death Note)
|
|
|
|