Удобный вид комментариев

1898
7.6 из 10
Проголосовало: 8






Вид комментариев, выполнен в серых тонах, подойдут для любого дизайна. Интересное решение для ответов на комментарий и для непрочитанных комментариев.

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

Code
<table class="NewsComm<?if($IS_NEW$)?> NotRead<?endif?><?if($LEVEL$)?> Level<?endif?>" cellpadding="0" cellspacing="0" width="100%">  
  <tr align="left">  
  <td class="CommAva"><img src="$USER_AVATAR_URL$"></td>  
  <td class="CommArrow" align="right"><img src="http://webo4ka.ru/Ucoz6/NewsCommArrow.png"></td>  
  <td class="CommMess">  
  <div class="CommInf" style="width:auto;height:auto;">  
  <a href="$PROFILE_URL$"><font style="<?if($USERNAME$='ник_администратора')?>color:red<?endif?>">$USERNAME$</font></a> $DATE$ в $TIME$ написал:  
  <div style="float:right;"><?if($MODER_PANEL$)?>$MODER_PANEL$ <?endif?>#$NUMBER$</div>  
  </div>  
  <?if(!$IS_OWN$)?><a href="$ANSWER_URL$" class="CommAnswer" title="Ответить"><?endif?>  
  $MESSAGE$  
  <?if($PAGE_ID$='usercomments')?><br><a href="$ENTRY_URL$" target="_blank"><b><small>Перейти к новости</small></b></a><?endif?>  
  <?if(!$IS_OWN$)?></a><?endif?>  
  </td>  
  </tr>  
  </table>


В CSS:

Code
.NewsComm {margin-top: 10px;}  
  .Level {opacity: .5;  
  -webkit-transition: all 200ms ease;  
  -moz-transition: all 200ms ease;  
  -o-transition: all 200ms ease;  
  }  
  .Level:hover {opacity: 1;}  
  td.CommAva {vertical-align: top;}  
  td.CommAva img {  
  width: 60px;  
  height: 60px;  
  border-right: 1px solid rgba(0,0,0,.2);  
  border-bottom: 1px solid rgba(0,0,0,.2);  
  -webkit-border-radius: 2px;  
  -moz-border-radius: 2px;  
  border-radius: 2px;  
  padding: 3px;  
  background-color: #e0e0e0;  
  }  
  td.CommArrow {  
  width: 9px;  
  vertical-align: top;  
  }  
  td.CommArrow img {padding: 6px 0 0 5px;}  
  td.CommMess {  
  width: 100%;  
  background-color: rgba(0,0,0,.1);  
  padding: 5px 10px;  
  vertical-align: top;  
  -webkit-text-shadow: 1px 1px 0 rgba(255,255,255,.5);  
  -moz-text-shadow: 1px 1px 0 rgba(255,255,255,.5);  
  text-shadow: 1px 1px 0 rgba(255,255,255,.5);  
  -webkit-border-radius: 2px;  
  -moz-border-radius: 2px;  
  border-radius: 2px;  
  border-right: 1px solid rgba(0,0,0,.2);  
  border-bottom: 1px solid rgba(0,0,0,.2);  
  }  
  .NotRead {background: url('http://webo4ka.ru/Ucoz6/CommNotReadBg.png') repeat-y right top;}  
  div.CommInf {  
  border-bottom: 1px solid rgba(0,0,0,.1);  
  padding-bottom: 5px;  
  margin-bottom: 4px;  
  font-size: 9px;  
  color: #888;  
  }  
  div.CommInf font {font-weight: bold; text-decoration: underline;}  
  .CommAnswer {text-decoration: none; color: inherit;}  
  .CommAnswer:hover {color: darkblue; cursor: pointer;}
Автор публикации: Загрузка
Загрузка
vover6, это его n материал
  • Всего комментариев: 3

rayven
0
rayven написал: Написано 01 Ноября 2015 в 17:03
Комментарий №3
Себе забрал и немного допилил.
Вообщем годно!

zenitovic
+1
zenitovic написал: Написано 22 Апреля 2012 в 15:34
Комментарий №2
Не плохо! biggrin

Deni_Coste
+1
Deni_Coste написал: Написано 22 Апреля 2012 в 11:37
Комментарий №1
прикольно)
себе на сайт поставлю

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2118
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • Marishka написал:
  • Доп 8 станций:
    Код
    <div class="mSt"><p>Tropical</p><div data="2/trop_64">64</div><br><div data="2/trop_128">128</div><br><div data="2/trop_320">320</div></div>  
      <div class="mSt"><p>Нафталин FM</p><div data="2/naft_64">64</div><br><div data="2/naft_128">128</div><br><div data="2/naft_320">320</div></div>  
      <div class="mSt"><p>Rave FM</p><div data="2/rave_64">64</div><br><div data="2/rave_128">128</div><br><div data="2/rave_320">320</div></div>  
      <div class="mSt"><p>Gold</p><div data="2/gold_64">64</div><br><div data="2/gold_128">128</div><br><div data="2/gold_320">320</div></div>  
      <div class="mSt"><p>GOA/PSY</p><div data="2/goa_64">64</div><br><div data="2/goa_128">128</div><br><div data="2/goa_320">320</div></div>  
      <div class="mSt"><p>Minimal/Tech</p><div data="2/mini_64">64</div><br><div data="2/mini_128">128</div><br><div data="2/mini_320">320</div></div>  
      <div class="mSt"><p>House</p><div data="2/fut_64">64</div><br><div data="2/fut_128">128</div><br><div data="2/fut_320">320</div></div>  
      <div class="mSt"><p>Megamix</p><div data="2/mix_64">64</div><br><div data="2/mix_128">128</div><br><div data="2/mix_320">320</div></div>


    Fix работы радио:
    Находим: if(radUrl=="tm" || radUrl=="ps" || radUrl=="teo" || radUrl=="dc")
    Меняем на: if (radUrl == "tm" || radUrl == "ps" || radUrl == "teo" || radUrl == "dc" || radUrl == "gop")
  • CbIPoK2513 написал:
  • Мой вариант выдаёт аватарку картинкой, а не текстом.
  • waak написал:
  • и ещё забыл добавить что использую модуль каталог сайтов
  • waak написал:
  • Почему у меня он перелистывает в верх а не вниз и если это первая песня на стр то он её по кругу гоняет а не переходит к последней
    и как сделать стоп по клику на трек который играет?
  • Acht написал:
  • Тест
    Последние темы
    Опрос
    255
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: