Веб-мастеру

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Веб-мастеру » Пользователи » Топ пользователей


Топ пользователей

Сообщений 1 страница 2 из 2

1

http://s2.uploads.ru/t/2B0hL.png

Описание:
Красивый вид топ пользователей.

Автор и источник:
Неизвестно

Установка:

1. Создаем информер: Пользователи - Кол. комментариев - 6 материалов - 1 колонка.
В дизайн информера добавляем следующий код:

Код:
<div class="h_yootop_post opacity_all" style="margin-right:15px"> <a href="$PROFILE_URL$"><img src="$AVATAR_URL$" border="0" alt="$USERNAME$" /> <div class="h_yootop_name">$USERNAME$</a></div> </div>

2. По месту вставляем:

Код:
<div class="h_yootop_panel"> 
 <div class="h_yootop_post_one"></div> 
 $MYINF_0$ - тут код Вашего информера 
 <div class="h_yootop_new"> 
 <ul> 
 <li><a href="">Что это?</a></li><li><a href="">Как сюда попасть?</a></li> 
 </ul> 
 </div> 
 <div class="h_yootop_btn_box"> 
 <div class="g_dotted_two"></div> 
 </div> 
 </div>

3. Прописываем стили:

Код:
.h_yootop_panel {background:url('http://yoo.at.ua/img/topscript/h_yootop_panel.png')no-repeat;border-left:2px solid #d4d4d4;border-right:2px solid #d4d4d4;width:1029px;height:110px;margin:0 auto;overflow:hidden;} 
 .h_yootop_post_one {width:11px;height:45px;float:left;overflow:hidden;} 
 .h_yootop_post {background:#fff;border-radius:3px;padding:2px;margin:11px 0;float:left;overflow:hidden;position:relative;} 
 .h_yootop_post img {width:84px;height:84px;float:left;} 
 .h_yootop_name {background:url('http://yoo.at.ua/img/topscript/block_p_bg.png');position:absolute;bottom:2px;left:2px;padding:3px 9px;width:165px;} 
 .h_yootop_name a {color:#fff;text-align:center;text-decoration:none;} 
 .h_yootop_name a:hover {color:#fff;} 
 .h_yootop_new {float:left;width:266px;margin-top:8px;} 
 .h_yootop_new ul {list-style:none;} 
 .h_yootop_new li a {-webkit-transition:background 0.1s ease;display:block;background:url('http://yoo.at.ua/img/topscript/arr_white.png')no-repeat 11px 9px;color:#f3f3f3;padding:4px 12px 4px 23px;margin:6px 4px 6px 11px;text-decoration:none;text-align:left;} 
 .h_yootop_new li a:hover {background:url('http://yoo.at.ua/img/topscript/arr_white.png')no-repeat 11px 9px #5c5c5c;border-radius:3px;} 
 .h_yootop_btn_box {float:right;margin:16px 16px 0 0;}

Отредактировано papas_tm_serjik (07.03.2013 11:50)

+1

2

Спасибо огромное вам...Сайт просто супер

0


Вы здесь » Веб-мастеру » Пользователи » Топ пользователей