in.uCoz.org PDA design by Prosvetekvator
 
 
Форма входа

Старая форма входа
 
 
 
 
Категории
Шаблоны для uCoz [18]
Виды материалов [10]
Мини профили [7]
Мини чаты [8]
Виды комментариев [14]
Формы входа [3]
Информеры [33]
Украшения [16]
Меню сайта [5]
Кнопки [27]
Шапки сайта [3]
Медиа [19]
Переключатели [8]
Разное [65]
Формы поиска [9]
Скрипты [46]
Игры на сайт [6]
Аякс (Ajax) окна [1]
PHP скрипты [3]
 
 
 
 
Материал
Главная » 2012 » Декабрь » 16 » Новый вид комментария для uCoz с уголком
« Предидущий | ID: 47 | Следующий »

11:39
Новый вид комментария для uCoz с уголком

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

Заменяем его на:
Код
<ul class="cell_coment">$COM_BODY$</ul>

Теперь заходим: Дизайн/Комментарии/Вид комментариев и заменяем весь код на:
Код
<li><div class="avatar"><a href="$PROFILE_URL$"><img src="$USER_AVATAR_URL$" alt="$USERNAME$" /><img src="/avatar_01.png" alt="аватар отсутствует" /></a><img src="$USER_AVATAR_URL$" alt="$USERNAME$" /><img src="/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="/tsed.js" type="text/javascript"></script><span class="myWinSuccess">+$COMMENT_RATING$</span><a href="$GOOD_COMMENT_URL$"><img alt="" src="/plus_01.gif" width="10" align="absmiddle" border="0" title="Хороший пост"></a> <a href="$BAD_COMMENT_URL$"><img alt="" src="/minuc_01.gif" width="10" border="0" align="absmiddle" title="Плохой пост"></a><img alt="" src="/plus_02.png" align="absmiddle" width="10" border="0" title="Хороший пост"> <img alt="" src="/minuc_02.png" width="10" align="absmiddle" border="0" title="Плохой пост"> $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("/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
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
 
 
 
 
Статистика
Вверх | меню | пользователи
Онлайн всего: 5
Гостей: 5
Пользователей: 0
 
 
Полная версия сайта