Шаблоны для uCoz [18] |
Виды материалов [10] |
Мини профили [7] |
Мини чаты [8] |
Виды комментариев [14] |
Формы входа [3] |
Информеры [33] |
Украшения [16] |
Меню сайта [5] |
Кнопки [27] |
Шапки сайта [3] |
Медиа [19] |
Переключатели [8] |
Разное [65] |
Формы поиска [9] |
Скрипты [46] |
Игры на сайт [6] |
Аякс (Ajax) окна [1] |
PHP скрипты [3] |
17:09 Топ пользователей для ucoz |
Топ пользователей для ucoz Красивый и приятный на вид Топ пользователей для ucoz, скрипт очень хорошо подходит под все цвета дизайнов и легко редактируется! Установка: Файлы архива закачайте в папку images файл менеджера. 1. Создаем информер, Раздел - Пользователи, Сортировка - репутация, Количество материалов - 4, Количество колонок - 1 2. После в вид информера, вставляем ниже приведенный код (не забываем удалить из него старый код) Код <div class="vsepodrad_user"> <div class="user_no">$NUMBER$</div> <div class="vsepodrad_avatar"><a href="$PROFILE_URL$"><img src="$AVATAR_URL$" width="30" height="30" border="0" class="vsmall_thumb"><img src="http://bambun.ru/images/no_ava.jpg" width="30" height="30" border="0" class="vsmall_thumb"></a></div> <div class="utitle"><a href="$PROFILE_URL$">$USERNAME$</a>Комментариев : $COM_POSTS$ - Постов залито : $LOAD_POSTS$ </div> <div class="clearfix"></div> </div> 3. Как тока поставить вид, вам ток остается поставить это информер в любое место на сайте - там где хотели его видеть: Код <div class="vsepodrad"> <div class="vsepodrad_bg"> <h2>10 лучших пользователей</h2> $КОД_ИНФОРМЕРА$ </div> </div> <style> .vsepodrad { background:#FFF; border:1px solid #b6e2fe; padding:2px; width:300px; margin:0px auto 10px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px } .vsepodrad_bg { background: url(/images/simple_gradient.png) repeat-x bottom; min-height:81px; background-color:#fff; border:1px solid #85a8c8; margin:0px; padding:0px 2px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px } .vsepodrad_bg h2 { margin:5px 2px 8px; padding:0px; color:#21759b; font-size:18px; font-family:Tahoma; text-transform:uppercase; font-weight:bold; } .vsepodrad_user { background:url(/images/top_user.png) repeat-x; height:35px; border:1px solid #CCC; margin-bottom:15px; font-size:9px; padding:0px 8px; position:relative; background-color:#FFF; color:#666} .vsepodrad_user:hover{background-position:bottom} .vsepodrad_user a{font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#333; text-decoration:none; font-weight:bold} .vsepodrad_user a:hover{color:#0099cc} .vsepodrad_avatar { width:30px; height:30px; padding:0px; margin:2px 5px 0px 20px; vertical-align:super; float:left; border:1px #ccc solid } .vsepodrad_user > .user_no { background:url(/images/blocks.png) -231px -56px no-repeat; width:19px; height:45px; position:absolute; top:-5px; left:5px; font-size:11px; color:#FFF; text-shadow:1px 1px 1px #6fa1b7; text-indent:4px; line-height:45px; } .vsepodrad_bg .utitle { margin-top:5px} .vsepodrad_bg .utitle a{display:block} </style> 4. Установка завершена!!! |
Всего комментариев: 0 | |