Вставляем в CSS код. П.У - Дизайн - Упр. Дизайном(CSS).
/*Новые участники*/ .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;} /*===================================*/
Следующий шаг - создаем информер. Заходим в П.У - Инструменты - Информеры, создаем информер со следующими параметрами:
Пользователи > Дата регистрации D Количество материалов: 1 Количество колонок: 3
В Управление дизайном информера вставляем код:
<div class="utop-user" align="center"> <a href="$PROFILE_URL$" class="ut-ava" return false;"><img src="$USER_AVATAR_URL$http://wallaby.ucoz.ru/images33/noavatar_fiol.png"></a> <a href="$PROFILE_URL$"><span class="group$GROUP_ID$"><b>$USERNAME$</b></span></a> <div class="utop-number">$NUMBER$</div> </div>
|