Все для minecraft 3.2, скрипты для ucoz| PUSK.UCOZ.NET

Все для minecraft 3.2, скрипты для ucoz| PUSK.UCOZ.NET - Каталог файлов

Главная · Регистрация · Вход

Администрация · Добавить в избранное

Меню сайта

Навигация

Главная страница Файловый архив Новости Форум Статьи Реклама на сайте

Онлайн сервисы Все для uCoz Разное Minecraft Photoshop уроки Видео Cофт/Программы Photoshop Counter Strike 1.6

Мини-чат

Наш опрос

Статистика

Пользователей всего: 712
Материалов всего [?]: 1310 +

Гости сайта

Пользователи

Пользователи онлайн:

Сегодня посетили

Главная » Файлы » uCoz » Информеры

Последний комментарий пользователя uCoz

Добавил: Miko · Просмотров: 443 · Загрузок: 64

Категория: Информеры

Скачать файл

Битая ссылка?!

Спасибо +

Информеры для uCoz - Последний комментарий пользователя uCoz

Выкладываю очередную дизайнерскую мелочь, под названием, как вы уже поняли, последний комментарий пользователя, данный вид комментарий я создал в двух основных цветовых гаммах, в светлом и тёмном варианте.

Установка:

Админ панель => Инструменты => Информеры => Создать информер
- Раздел: ( Комментарии )
- Модуль: ( Все модули )
- Количество материалов: ( 5 )
- Количество колонок: ( 1 )
теперь открываем информер и копируем туда следующий код:

HTML-Code

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://joomla.ucoz.com/Comentarii/no_avatar.jpg" alt="no" />
  $MESSAGE$
  </a>
  </div>

теперь устанавливаем информер у вас на странице, в нужное вам место:

HTML-Code

Code

<div class="uzer_coment">
   тут ваш информер
  </div>

теперь копируем css в ваш файл стилей:

CSS-Code

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('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('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('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;
  }
  /* -------------------------------------- */

Не забудьте изменить, в выше предоставленных css стилях, ширину основных ячеек width: на нужные вам значения, чтобы данный вид информера, вписался в ваш дизайн сайта.

Готово.