Приветствую Вас, Гость
Главная » Файлы » Все Для Ucoz » Скрипты Для ucoz

Последние комментарии для ucoz
16.11.2011, 18:00


Новый стиль информера "последних комментариев" пользователей сайта ucoz. Информер выполнен в светлых тонах, с использованием эффекта тени, смотрится чудесно на светлых сайтах! Информер последних комментариев ucoz использует лишь 2 картинки по 150 байт.

1. Админ панель - Инструменты - Информеры - Создать информер:

Раздел: ( Комментарии ) 
Модуль: ( Все модули ) 
Количество материалов: ( 5 ) 
Количество колонок: ( 1 )

Открывает шаблон информера и копируем туда следующий код:


<div class="uzer_coment_v">  
  <div class="uzer_name">  
   <a href="$PROFILE_URL$" target="_blank">$USERNAME$</a>$NAME$  
  </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$" /><img class="coment_avatar" src="http://wallaby.ucoz.ru/images2/no_avatar.jpg" alt="no" />  
  $MESSAGE$  
  </a>  
  </div>

2. Вставляем в Ваш CSS:


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

  .uzer_coment_v {  
  float:left;  
  width:300px;  
  height:27px;  
  background: url('http://wallaby.ucoz.ru/images2/fon_uzer_coment_v.png') repeat-x top;  
  border-top: 1px solid #fff;  
  }  
   
  .uzer_coment_v a:link,  
  .uzer_coment_v a:visited {color:#888;}  
  .uzer_coment_v a:hover {color:#333;}  
   
  .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 #fff;  
  }  

  .uzer_name {  
  float:left;  
  padding: 6px 0px 0px 10px;  
  }  
   
  .uzer_data {  
  float:right;  
  font:11px Verdana,Arial,Helvetica, sans-serif;  
  font-weight: bold;  
  color:#888;  
  text-shadow: 1px 1px 1px #fff;  
  padding: 6px 10px 0px 0px;  
  }  
   
  .uzer_massage {  
  background: url('http://wallaby.ucoz.ru/images2/fon_uzer_coment_ten.png') repeat-x top;  
  width:290px;  
  float:left;  
  overflow: hidden;  
  padding: 10px 5px 10px 5px;  
  border-bottom: 1px solid #D6D6D6;  
  }  
   
  .uzer_massage :link,  
  .uzer_massage :visited {  
  display: block;  
  text-decoration: none;  
  color:#555;  
  }  

  .uzer_massage:hover {  
  color:#555;  
  background: url('http://wallaby.ucoz.ru/images2/fon_uzer_coment_ten.png') repeat-x top #F3F3F3;  
  }  

  .coment_avatar {  
  width:45px;  
  height:45px;  
  float:right;  
  background: #F3F3F3;  
  padding: 3px;  
  margin-left: 5px;  
  border:1px solid #D6D6D6;  
  }  
  /* -------------------------------------- */

3. Вставляем код информера в нужное вам место:


<div class="uzer_coment">  
  $MYINF_n$  
  </div>

ВАЖНО! Там где n - меняете на номер Вашего, уже созданого информера. 

Категория: Скрипты Для ucoz | Добавил: AK-47 | Теги: последние, комментарии, uCoz, для
Просмотров: 694 | Загрузок: 0 | Рейтинг: 1.0/3
Всего комментариев: 0
Имя *:
Email *:
Код *: