Вид комментариев для uСoz v.2.0


Вид комментариев для uСoz v.2.0

2584
8.8 из 10
Проголосовало: 9






И так для начало нам следует удалить старый html код вида комментарий, для этого идём в Админ панель => Дизайн => Управление дизайном => Комментарии => Вид комментариев и устанавливаем следующий код:

Code
<div class="cell_comment_os">  
  <div class="comment_p ">  
  <?if($USERNAME$)?><a href="$PROFILE_URL$"><?if($USER_AVATAR_URL$)?> <img class="comment_avatar" src="$USER_AVATAR_URL$" /><?else?><img src="http://www.center-dm.ru/sites/no_avatar.jpg" class="comment_avatar" alt="аватар отсутствует" /><?endif?></a><?else?><img src="http://www.center-dm.ru/sites/no_avatar.jpg" class="comment_avatar" alt="аватар отсутствует" /><?endif?>  
  </div>  

<div class="comment_v grey">  
<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$"><strong>$NUMBER$</strong></a> |  
<strong class="gren"><?if($USERNAME$)?>$USERNAME$ <?else?>$NAME$<?endif?></strong> пишет: | $DATE$ | $TIME$ <?if($MODER_PANEL$ && $EMAIL$)?><a href="$EMAIL_JS$" title="Email"> ( E-mail )</a><?endif?>  
<span class="right">$MODER_PANEL$</span>  
<?if($ENTRY_URL$)?><a class="right" href="$ENTRY_URL$" target="_blank" title="Перейти на страницу материала">Страница с комментарием </a>|<?endif?>  
</div>  

<div class="comment_c text_11">  
$MESSAGE$  
<?if($ANSWER$)?><p class="vcc_otvet"><strong>Ответ</strong>: $ANSWER$<p><?endif?>  
</div>  

<div class="comment_n grey text_9">  
<?if($ANSWER_URL$)?><a href="$ANSWER_URL$">Ответить</a> |<?endif?>  

  <?if($GOOD_COMMENT_URL$)?>  
  <a href="$GOOD_COMMENT_URL$"><img src="http://www.center-dm.ru/ucoz/vid_coment/plus_01.gif" alt="+" title="Хороший пост"/></a>  
  <span class="post_r">($COMMENT_RATING$)</span>  
  <a href="$BAD_COMMENT_URL$"><img src="http://www.center-dm.ru/ucoz/vid_coment/minuc_01.gif" alt="-" title="Плохой пост"/></a><?else?>  
  <?if($COMMENT_RATING$=0)?>  
  <img src="http://www.center-dm.ru/ucoz/vid_coment/plus_02.png" alt="+" title="Хороший пост"/>  
  <span class="post_r">($COMMENT_RATING$)</span>  
  <img src="http://www.center-dm.ru/ucoz/vid_coment/minuc_02.png" alt="-" title="Плохой пост"/>  
  <?else?>  
  <?if($COMMENT_RATING$<0)?>  
  <img src="http://www.center-dm.ru/ucoz/vid_coment/plus_02.png" alt="+" title="Хороший пост"/>  
  <span class="red">($COMMENT_RATING$)</span>  
  <img src="http://www.center-dm.ru/ucoz/vid_coment/minuc_02.png" alt="-" title="Плохой пост"/>  
  <?else?>  
  <img src="http://www.center-dm.ru/ucoz/vid_coment/plus_02.png" alt="+" title="Хороший пост"/>  
  <span class="gren">(+$COMMENT_RATING$)</span>  
  <img src="http://www.center-dm.ru/ucoz/vid_coment/minuc_02.png" alt="-" title="Плохой пост"/>  
  <?endif?>  
  <?endif?>  
  <?endif?>  

</div>  
</div>


Теперь давайте пропишем css стили, чтобы улучшить его внешний вид:

Code
/* Вид комментарий v.2.0  
------------------------------------------*/  
.cell_comment_os {  
  float:left;  
  width:100%;  
  background:#fff;  
  border:1px solid #CAD1DB;  
  padding-bottom:3px;  
  margin-bottom:15px;  
}  

.comment_p {  
  float:right;  
  width:80px;  
}  

.comment_v {  
  margin: 5px 0px 5px 10px;  
}  

.comment_c {  
  overflow: hidden;  
  text-align:justify;  
  margin: 0px 0px 0px 10px;  
  padding: 5px 0px;  
  border-top: 1px solid #e7e7e7;  
}  

.comment_n {  
  text-align:right;  
  margin: 3px 78px 0px 10px;  
}  
.vcc_otvet {overflow:hidden!important; border: 1px solid #eccece; padding: 10px;background:#fcf6f6; }  

.comment_avatar {  
  width:40px;  
  height:40px;  
  padding: 4px;  
  margin: 8px 10px 0px 15px;  
  border: 1px solid #CAD1DB;  
  background:#F6F6F6;  
  -webkit-border-radius:5px;  
  -moz-border-radius:5px;  
  border-radius:5px;  
}  

.red {color: #d20000;}  
.gren {color: #429e1e;}  
.grey {color: #999;}  
.text_9 {font: 9px Verdana,Arial,Helvetica, sans-serif;}  
.right {float:right;}


Ну вот и все.
Автор публикации: Загрузка
Загрузка
Estwood, это его n материал
Источник: http://www.center-dm.ru/
  • Всего комментариев: 2

Estwood
+2
Estwood написал: Написано 09 мая 2012 в 22:20
Комментарий №2
A1v, smile

A1v
+2
A1v написал: Написано 09 мая 2012 в 17:05
Комментарий №1
Well, well!

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта 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
    чужих
    Онлайн всего: 4
    Гостей: 3
    Пользователей: 1
    0
    Сегодня были
    Топ пользователей: