Блок коментарии - Форум сайта

Поиск:

Страница 1 из 1 1
Модератор форума: Senator

Блок коментарии

CsS

Дата: Воскресенье, 05.06.2011, 23:58 | Сообщение # 1

Offline

Пользователь
Ранг: Рядовой
9 Сообщения

Профиль пользователя

[Table]Создаем информер:[/Table]

[Table][ Комментарии · Материалы · Дата добавления материала D · Материалы: 4 · Колонки: 1 ][/Table]

[Table]В шаблон информера ставим :[/Table]

Code

<div class="uzer_coment">
       <div class="uzer_coment_v">   <div class="uzer_name">$USERNAME$</div>   <div class="uzer_data">$DATE$</div>  </div>   <div class="uzer_massage">  <a href="$ENTRY_URL$" target="_blank">   <img class="coment_avatar" src="$USER_AVATAR_URL$" /> <?else?><?if($AVATAR_URL$)?>   <img class="coment_avatar" src="http://ufilez.3dn.ru/noava.png" /><?endif?>
   $MESSAGE$  </a>
   </div>
   </div>

[Table]В CSS:[/Table]

Code

/* Последние комментария пользователей
   ------------------------------------------*/
   .uzer_coment {
       overflow: hidden;
       width:218px;
       background: #181818;
       border:1px solid #333;
       border-bottom:none;
   }

   .uzer_coment_v {
       float:left;
       width:218px;
       height:27px;
       background: url('http://diz-cs.ru/diz/fon_uzer_coment_v2.png') repeat-x top;
       border-top: 1px solid #878787;
   }

   .uzer_coment_v a:link,
   .uzer_coment_v a:visited {color:#bfbdbe;}
   .uzer_coment_v a:hover {color:#ffffff;}

   .uzer_coment_v a:link,
   .uzer_coment_v a:visited,
   .uzer_coment_v a:hover {
       text-decoration:none;
       font:11px Verdana,Arial,Helvetica, sans-serif;
       font-weight: bold;
       text-shadow: 1px 1px 1px #000;
   }

   .uzer_name {
       float:left;
       padding: 2px 0px 0px 10px;
   }

   .uzer_data {
       float:right;
       font:11px Verdana,Arial,Helvetica, sans-serif;
       font-weight: bold;
       color:#171717;
       text-shadow: 1px 1px 1px #838383;
       padding: 6px 10px 0px 0px;
   }

   .uzer_massage {
       background: url('http://diz-cs.ru/diz/fon_uzer_coment_ten.png') repeat-x top;
       width:170px;
       float:left;
       overflow: hidden;
       padding: 10px 5px 10px 5px;
       border-bottom: 1px solid #333;
   }

   .uzer_massage :link,
   .uzer_massage :visited {
       display: block;
       text-decoration: none;
       color:#a1a1a1;
   }

   .uzer_massage:hover {
       color:#111;
       background: url('http://diz-cs.ru/diz/fon_uzer_coment_ten.png') repeat-x top #1c1c1c;
   }

   .coment_avatar {
       width:45px;
       height:45px;
       float:right;
       background: #878787;
       padding: 1px;
       margin-left: 1px;
       border:1px solid #333;
   }
   /* -------------------------------------- */

AR[O]X

Дата: Понедельник, 06.06.2011, 10:11 | Сообщение # 2

Offline