Главная » 2011 » Октябрь » 10 » Информер "Лучший пользователь" (Скрипты для ucoz)
10.10.2011, 19:43

Информер "Лучший пользователь"





Красивый информер "Лучший пользователь" для сайта ucoz.

Заходим в админ панель сайта --> Инструменты --> Информеры --> Создать информер

- Раздел: ( пользователи )
- Способ сортировки: ( количество комментарий )
- Количество материалов: ( 1 )
- Количество колонок: ( 1 )

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

Code
<div class="comment_info transparency_i">
  <div class="comment_v">
  <a href="$PROFILE_URL$" title="Профиль пользователя $USERNAME$"><?if($AVATAR_URL$)?><img class="avatar_img" src="$AVATAR_URL$" /><?else?><img class="avatar_img" src="http://center-dm.ru//site/no_avatar.jpg" alt="no" /><?endif?>
  </a>  
  $USERNAME$
  </div>
   
  <div class="comment_n">
  <img src="ico_coment.png" alt="иконка комментария"> $COM_POSTS$
  </div>  
</div>


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

Code
.comment_info {
  text-align:center;
  font:9px Verdana,Arial,Helvetica, sans-serif; color:#85898f;
  width:100px;
  border:1px solid #d2d2d4;
  background: #e4e5e7;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  }

.avatar_img {
  width:65px;
  height:65px;
  background: #fff;
  border:1px solid #d2d2d4;
  padding: 4px;
  margin-bottom: 3px;
  }
.comment_v {
  border-bottom: 1px solid #d2d2d4;
  padding: 10px 0px 4px 0px;
  }

.comment_n {
  border-top: 1px solid #fff;
  padding: 5px 0px 5px 0px;
  }
   
  .transparency_i a:hover img {
  filter: progid: DXImageTransform.Microsoft.Alpha(opacity=70);  
  -moz-opacity: 0.7;
  opacity: 0.7;  
  filter: alpha(opacity=70);
}
Материал взят с сайта infoscript.ru
Теги: Скачать Информер "Лучший пользователь"
Скачать "Информер "Лучший пользователь""
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: center-dm.ru
Категория: Скрипты uCoz | Просмотров: 2439 | Добавил: antisept | Рейтинг: 5.0/2 |
Теги: информер, лучший, пользовател
Пока комментариев нет. Ты можешь быть первым!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]