Среда, 27.11.2024, 02:04
Перевод

Погода
Профиль
Здравствуйте, Гость
Гость, мы рады вас видеть.
Поиск
Друзья сайта
  • All Share
  • it-baza
  • Eroglamour.ru
  • Статистика
    widgeo.net



    Каталог webplus.info










    Яндекс.Метрика







    Онлайн всего: 10
    Гостей: 10
    Пользователей: 0


    Всего: 201
    Новых за месяц: 0
    Новых за неделю: 0
    Новых вчера: 0
    Новых сегодня: 0

    Администраторов: 2
    Модераторов: 3
    V.I.P.: 2
    Журналистов: 27
    Временных: 0
    Заблокированных: 0
    Обычных: 167

    Парней: 157
    Девушек: 43

    Всего материалов:
    Новостей: 43846
    Блогов: 226
    Файлов: 57
    Фото: 0
    Форум: 7/7
    Коментариев: 29


    Посетившие за День



    День рождения рождения


    Облако тегов
    Реклама


    Меню сайта
    Категории раздела
    Программы [3808]
    Мультфильмы [491]
    Антивирус [223]
    Photoshop [1548]
    Книги Журналы [11595]
    Клипы [878]
    Фильмы онлайн [3]
    Все для Мобилы [352]
    Игры [1012]
    Музыка [9033]
    Фильмы [2969]
    Заработок в Интернете [554]
    Все для Того чтоб заработать в Интернете
    Разное [11198]
    Скрипты - Шаблоны для сайтов [57]
    Youtube
    Наш опрос
    Оцените мой сайт
    Всего ответов: 54
    Игра
    Реклама

    >

    Эротический видео-чат
    автоматическое продвижение сайтов






    $$$ для web-мастеров

    Сборник элитных сайтов с особой модерацией.

    <
    Рейтинг сайтов 3D Architech - Новости CG графикиСтатистика посещений сайта
    Каталог webplus.info
    Главная » 2013 » Июнь » 9 » Красивый информер Лучших пользователей
    18:08
    Красивый информер Лучших пользователей
    Красивый информер "Лучшие Пользователи" для вашего сайта. На нём вы можете видеть Аватар, Ник, и количество публикаций. Лучше смотрится на тёмных дизайнах.

    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>


    Готово.
    Категория: Скрипты - Шаблоны для сайтов | Просмотров: 168 | Добавил: DoG | Рейтинг: 0.0/0
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]