Реклама!
Например: Кино-новинки 2012
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Лучший пользователь сайта
4yVak
Дата: Воскресенье, 06 Мар 2011, 13:12:50 | Сообщение # 1
Администраторы
Сообщений:
661
Награды:
5

Установка:

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

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

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

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://webo4ka.ru/Ucoz2/polzovateli_no_avatar.jpg" alt="no" /><?endif?>    
    </a>    
    $USERNAME$    
    </div>    
       
    <div class="comment_n">    
    <img src="http://webo4ka.ru/Ucoz2/polzovateli_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);    
}



  • Страница 1 из 1
  • 1
Поиск:

Freebies5.Ru - все для успешной учебы!