[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Раздел uCoz » Скрипты для сайта » Новый вид комментария для uCoz с уголком
Новый вид комментария для uCoz с уголком
Charlie_SceneДата: Четверг, 18.07.2013, 14:19 | Сообщение # 1
Главный админ сайта
Группа: Администраторы
Сообщений: 118
Репутация: 5000
Статус: Offline


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


Код
$COM_BODY$

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


Код
<ul class="cell_coment">   
   $COM_BODY$   
   </ul>

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


Код
<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 следующий код 


Код
/* ВИД КОММЕНТАРИЯ   
   ===================================================*/   
   .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);}   
   /* =================================================*/



 
Форум » Раздел uCoz » Скрипты для сайта » Новый вид комментария для uCoz с уголком
  • Страница 1 из 1
  • 1
Поиск:



Rip By RaYzeR
© 2018