Навигатор

Шаблоны для Joomla
Шаблоны для uCoz
Категории раздела
Профиль для ucoz [9]
Новый профиль для ucoz, мини профиль для ucoz, скрипт для ucoz профиль, профиль для сайта ucoz
Ajax для ucoz [13]
Ucoz ajax, ajax окна для ucoz, скрипты ajax для ucoz, новые ajax окна для ucoz, новый вид ajax ucoz
Скрипты для ucoz [128]
скачать скрипты для ucoz, скрипты ucoz
Меню для ucoz [45]
меню для ucoz, горизонтальное меню для ucoz, раздвижное меню ucoz, вертикальное, выпадающие меню ucoz
Календари для ucoz [20]
скрипт календарь cs, скрипт для ucoz календарь, календарь для ucoz cs 1.6, календари ucoz
Часы для ucoz [31]
часы для ucoz, часы для ucoz cs 1.6
Статистика для ucoz [11]
статистика cs для ucoz
Форма входа для ucoz [15]
форма входа для ucoz
Переключатели для ucoz [9]
Переключатели страниц для ucoz
Шапки для ucoz [13]
шапки для ucoz cs 1.6
Интересное
Мини профиль + Форма входа
Рейтинг: 66631
Красивое горизонтальное меню для ucoz
Рейтинг: 54028
Мини-чат для ucoz
Рейтинг: 48470
Скрипт мониторинга cs серверов
Рейтинг: 43512
Слайдер новостей для uCoz
Рейтинг: 18600
  1. Главная
  2. Скрипты для ucoz
  3. Скрипты для ucoz
  4. Последние комментарии для ucoz

Последние комментарии для ucoz

Последние комментарии для ucoz
Новый стиль информера последних комментариев пользователей ucoz. Информер выполнен в светлых тонах, с использованием эффекта тени, смотрится чудесно! Информер последних комментариев ucoz использует лишь 2 картинки по 150 байт. Автор информера последних комментариев: RuleZ-DM - великолепный дизайнер.
1. Админ панель - Инструменты - Информеры - Создать информер:

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

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

Code
<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:

Code
/* Последние комментария пользователей  
  ------------------------------------------*/  
  .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. Вставляем код информера в нужное вам место:

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

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

Quote
Как изменить ширину блока информера последних комментариев?

Если такой вопрос возникнет, заходим в CSS, находим там такие строки:
Code
.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;  
  }

Изменяете width:300px.
Категория Скрипты для ucoz | Добавил: Wallaby | Просмотров: 5584 |

Комментарии отсутствуют

по актуальности
Чтобы оставить комментарий, необходимо или