Вид комментариев


Вид комментариев

1032
7.4 из 10
Проголосовало: 3






Установка:
1. Вставляем в вид комментариев:

Code
<div class="comment-body">  
  <div class="avatar">№ <b>$NUMBER$</b><br>  
  <table align="center" border="0" cellpadding="0" cellspacing="0" width="57">  
  <tbody><tr>  
  <td class="ava-bor-tl"></td>  
  <td class="ava-bor-t"></td>  
  <td class="ava-bor-tr"></td>  
  </tr>  
  <tr>  
  <td class="ava-bor-l"></td>  
  <td><img src="$USER_AVATAR_URL$" alt="" height="47"></td>  
  <td class="ava-bor-r"></td>  
  </tr>  
  <tr>  
  <td class="ava-bor-bl"></td>  
  <td class="ava-bor-b"></td>  
  <td class="ava-bor-br"></td>  

  </tr>  
  </tbody></table>  
  </div>  
  <div class="person"><a href="$PROFILE_URL$"><b>$USERNAME$</b></a>$MODER_PANEL$</div>  
  <div class="com-time">$DATE$ $TIME$ <a title="перейти к материалу" target="_parent" href="$ENTRY_URL$">к материалу</a> </div>  
  <div class="reiti">  
  <a href="$GOOD_COMMENT_URL$"><div class="positive-off" title="Хороший пост"></div> </a>  
  <span style="color: rgb(197, 197, 197);"><?if($COMMENT_RATING$<0)?><span class="myWinError"><b>$COMMENT_RATING$</b></span><?else?><?if($COMMENT_RATING$=0)?><span style="color:gray;"><b>$COMMENT_RATING$</b></span><?else?><span class="myWinSuccess"><b>+$COMMENT_RATING$</b></span><?endif?><?endif?></span>  
  <a href="$BAD_COMMENT_URL$"><div class="negative-off" title="Плохой пост"></div> </a>  
  </div>  
  <div class="com-message">  
  $MESSAGE$  
  </div>  
  <span class="top-right"></span>  
  <span class="top-left"></span>  
  <span class="bot-right"></span>  
  <span class="bot-left"></span>  
  </div><br>


2. В таблицу стилей вставляем сам стиль в самый низ.

Code
.comment-body {  
  width: 95%;  
  max-width: 750px;  
  position:relative;  
  border:1px solid #d6d6d6;  
  margin: 0 0 0 18px !important;  
  background: #FFF url(http://webo4ka.ru/Ucoz4/vid_komment/bgbg.png) no-repeat top right;  
  min-height:100px;  
  height:auto !important;  
  height:100px;  
  }  
  .com-message{margin: 20px 50px 10px 80px; font-size:12px;padding:7px; overflow:hidden;color:#000;}  
  .avatar {  
  width: 57px;  
  position: absolute;  
  left: 8px;  
  top: 9px;  
  font-size:10px;  
  text-align:center;  
  color:#999;  
  }  
  .avatar a {color:#0068ff; border-bottom:dotted 1px #0068ff;text-decoration:none;}  
  .avatar a:hover {background:#0068ff; color:#FFF;}  

  .ava-bor-tl {height:5px;width:5px; background:url(http://webo4ka.ru/Ucoz4/vid_komment/ava-bor-tl.png);}  
  .ava-bor-t {height:5px;background:url(http://webo4ka.ru/Ucoz4/vid_komment/ava-bor-t.png);}  
  .ava-bor-tr {height:5px;width:5px;background:url(http://webo4ka.ru/Ucoz4/vid_komment/ava-bor-tr.png);}  
  .ava-bor-l {width:5px;background:url(http://webo4ka.ru/Ucoz4/vid_komment/ava-bor-l.png);}  
  .ava-bor-r {width:5px;background:url(http://webo4ka.ru/Ucoz4/vid_komment/ava-bor-l.png);}  
  .ava-bor-bl {height:5px;width:5px;background:url(http://webo4ka.ru/Ucoz4/vid_komment/ava-bor-bl.png);}  
  .ava-bor-b {height:5px;background:url(http://webo4ka.ru/Ucoz4/vid_komment/ava-bor-b.png);}  
  .ava-bor-br {height:5px;width:5px;background:url(http://webo4ka.ru/Ucoz4/vid_komment/ava-bor-br.png);}  

  .person {  
  position: absolute;  
  font-size:12px;  
  font-weight:bold;  
  background:url(http://webo4ka.ru/Ucoz4/vid_komment/person-icon.png) no-repeat 0 3px;  
  padding: 0 0 0 12px;  
  left: 87px;  
  top: 4px;  
  }  
  .person a {color:#0068ff;}  
  .com-time  
  {  
  position: absolute;  
  font-size:11px;  
  background:url(http://webo4ka.ru/Ucoz4/vid_komment/time-icon.png) no-repeat 0 3px;  
  padding: 0 0 0 12px;  
  left: 213px;  
  top: 5px;  
  color:#717171;  
  }  
  .com-time a {color:#0068ff;}  
  .reiti {  
  float: right;  
  width: 40px;  
  height:100px;  
  background:#3e89f4 url(http://webo4ka.ru/Ucoz4/vid_komment/bgreiting.png) top left repeat-x;  
  text-align:center;  
  color:#FFF;  
  font-weight:bold;  
  font-size:12px;  
  }  
  .reiti a.positive {display:block; margin: 5px auto; height:28px; width:28px; background:url(http://webo4ka.ru/Ucoz4/vid_komment/reiting.png) no-repeat;}  
  .reiti a.positive:hover {background-position:-28px 0px;}  
  .reiti a.negative {display:block; margin: 5px auto; height:28px; width:28px; background:url(http://webo4ka.ru/Ucoz4/vid_komment/reiting.png) no-repeat 0px -28px;}  
  .reiti a.negative:hover {background-position:-28px -28px;}  
  .reiti .positive-off {display:block; margin: 5px auto; height:28px; width:28px; background:url(http://webo4ka.ru/Ucoz4/vid_komment/reiting.png) no-repeat -56px 0px;}  
  .reiti .negative-off {display:block; margin: 5px auto; height:28px; width:28px; background:url(http://webo4ka.ru/Ucoz4/vid_komment/reiting.png) no-repeat -56px -28px;}  
   
  .comment-body span.top-right,.comment-body span.top-left,.comment-body span.bot-right,.comment-body span.bot-left { display:block;  
  position:absolute;  
  width:7px;  
  height:7px;  
  background-image: url(http://webo4ka.ru/Ucoz4/vid_komment/round-c.png)}  
   
  .top-right {top:-1px; right:-1px; background-position:100% 0}  
  .top-left {top:-1px; left:-1px}  
  .bot-right {bottom:-1px; right:-1px; background-position:100% 100%}  
  .bot-left {bottom:-1px; left:-1px; background-position:0 100%}
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
  • Всего комментариев: 1

DJ_FORWARD
0
DJ_FORWARD написал: Написано 28 Июня 2011 в 09:23
Комментарий №1
не вообще красиво,я бы даже поменял на этот...

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