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

Меню сайта
Навигация Онлайн сервисы Все для uCoz Разное Minecraft Photoshop уроки Видео Cофт/Программы Photoshop Counter Strike 1.6
Мини-чат
Для добавления сообщения зарегистрируйтесь.
Наш опрос
Чего не хватает на сайте?
Всего ответов: 131
Статистика
Статистика сайта

Пользователей всего: 709
Материалов всего [?]: 1310 +
PR-CY.ru

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Гости сайта Пользователи

Пользователи онлайн: Сегодня посетили


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


Последний комментарий пользователя uCoz
Добавил: Miko · Просмотров: 325 · Загрузок: 44
Категория: Информеры
Скачать файл Битая ссылка?! Спасибо +



Информеры для 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: на нужные вам значения, чтобы данный вид информера, вписался в ваш дизайн сайта.

Готово.
 
Информация:
Посетители, находящиеся в группе Гости,не могут скачивать файлы с данного сайта.
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Мини профиль
Категории
Поиск
Рекламные места
Свободное рекламное место 150х200


Рекламные места свободны Обращайтесь к homyak
Бесплатная раскрутка сайта
Позитивные новости
Жизнь в фотографиях

Дизайн сайта полностью пренадлежит Pusk.ucoz.net
PUSK.UCOZ.NET © 2011-1012

↑ Наверх ↑ sitemap sitemap-forum «Секреты Ucoz»