Новый вид комментария для uCoz


Новый вид комментария для uCoz

1391
8 из 10
Проголосовало: 2




Установка:

- заходим в админ панель сайта Дизайн => Новости сайта => Страница материала и комментария к нему

ищем код

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?><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);}
/* =================================================*/
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
Источник: http://center-dm.ru
  • Всего комментариев: 2

John_Cena
0
John_Cena написал: Написано 07 Марта 2011 в 18:12
Комментарий №1
А как можно это адаптировать под сообщения на форуме biggrin

Вовчик
0
Вовчик написал: Написано 07 Марта 2011 в 18:22
Комментарий №2
это же для комментариев, а не для форума...

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 24
Скрипты и модификации для Ucoz 2101
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
как поставить свою ссылку и логотип
  • Сатурн-1 написал:
  • Похвально.
  • Winston888 написал:
  • Я не говорил что делаю только скрипты. Я делаю шаблоны, скрипты, адаптации с разных движков под ucoz и на оборот + я ещё и сам рисую. В данный момент занимаюсь дизайном для webo4ka сам рисую сам верстаю.
  • Сатурн-1 написал:
  • Заметь, мы делаем почти одну и ту же работу.
    Ты - скрипты, я -шаблон. И каждый делает это бесплатно, НО
    ты делаешь скрипты без шаблона, я делаю шаблон без скриптов (не считая основных).
    Я тоже могу сказать что твои скрипты не идеальны, но не буду т.к. даже не знаю какие из всех существующих твои.
    Поэтому ты не сравнивай скрипты и шаблоны да еще и на Ucoz'e, мы же не на хакатоне каком нибудь.
  • Winston888 написал:
  • Если бы я не добавлял бесплатные адаптации или скрипты бесплатно я бы наверное не стал бы комментировать ваш материал.
    Последние темы
    Опрос
    204
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 2
    Гостей: 1
    Пользователей: 1
    0
    Сегодня были
    Топ пользователей: