[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Рэп форум » Подвал » uCoz » Новые участники (Информер для ucoz)
Новые участники
Fantom Дата: Четверг, 11.10.2012, 15:22 | Сообщение # 1


Новый вид информера для ucoz. Информер в красивом блоке выводит новых участников(Новые зарегистрированные).
Шаг 1 - Установка CSS
Вставляем в CSS код. П.У - Дизайн - Упр. Дизайном(CSS).

Получить код
Code
/*Новые участники*/     
     .utop-user {display:inline-block; width:70px; margin-bottom:8px; position:relative; font-size:10px;}     
     .utop-user .utop-number {position:absolute; top:-2px; left:-1px; padding:1px 3px; font-size:10px; font-weight:bold; color:#fff; background:#8429e2;     
     border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}     
     .utop-user a.ut-ava img {max-width:52px; height:52px;}     
     .utop-user a.ut-ava {border:1px solid #DBDBDB; padding:2px; width:52px; text-align:center; display:inline-block;}     
     .utop-user a.ut-ava:hover {border-color:#9551fc;}     
     /*===================================*/


Шаг 2 - Создаем информер
Следующий шаг - создаем информер. Заходим в П.У - Инструменты - Информеры, создаем информер со следующими параметрами:

Пользователи > Дата регистрации D
Количество материалов: 12
Количество колонок: 3

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

Code
<div class="utop-user" align="center">
<a href="$PROFILE_URL$" class="ut-ava" return false;"><img src="<?if($USER_AVATAR_URL$)?>$USER_AVATAR_URL$<?else?>http://trurap.com/svr/komment/noavatar_big.png<?endif?>"></a>
<a href="$PROFILE_URL$"><span class="group$GROUP_ID$">[b]$USERNAME$[/b]</span></a>
<div class="utop-number">$NUMBER$</div>
</div>


Сообщение отредактировал Fantom - Четверг, 11.10.2012, 15:25
Рэп форум » Подвал » uCoz » Новые участники (Информер для ucoz)
Страница 1 из 11
Поиск: