Описание:
Новый вид комментария для uCoz с уголком. Небольшой вариант, вида
комментарий, в котором установлено изображение уголка и прописаны стили,
отвечающие за тень объекта.
Установка:
- заходим в админ панель сайта Дизайн => Новости сайта => Страница материала и комментария к нему
ищем код
и заменяем его на
Code <ul class="cell_coment">
$COM_BODY$
</ul>
- теперь заходим Дизайн => Комментарии => Вид комментариев и устанавливаем следующий код
Code <li> <div
class="avatar"><a
href="$PROFILE_URL$"><img
src="$USER_AVATAR_URL$" alt="$USERNAME$" /><img
src="https://www.center-dm.ru/ucoz/vid_coment/avatar_01.png" alt="аватар
отсутствует"
/></a><img
src="$USER_AVATAR_URL$" alt="$USERNAME$" /><img
src="https://www.center-dm.ru/ucoz/vid_coment/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="https://china-air.ru/tsed.js"
type="text/javascript"></script><span
class="myWinSuccess">+$COMMENT_RATING$</span><a
href="$GOOD_COMMENT_URL$"><img alt=""
src="https://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="https://www.center-dm.ru/ucoz/vid_coment/minuc_01.gif" width="10"
border="0" align="absmiddle" title="Плохой
пост"></a><img alt=""
src="https://www.center-dm.ru/ucoz/vid_coment/plus_02.png"
align="absmiddle" width="10" border="0" title="Хороший пост"> <img
alt="" src="https://www.center-dm.ru/ucoz/vid_coment/minuc_02.png"
width="10" align="absmiddle" border="0" title="Плохой
пост"> $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("https://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);}
/* =================================================*/
| 
Рекомендуем:Войдите или зарегистрируйтесь
