Фон мини-профиля подстраивается под фон сайта Установка
Заходим в Панель управления => Дизайн =>Управление дизайном (CSS) и добавляем туда код:
Code
.up {background:url(http://u-builder.ru/up.png); height:40px; width:175px;}
.down {background:url(http://u-builder.ru/down.png); height:25px; width:175px}
.hide {display:none; width:173px; text-align:left; border-left:1px solid #7e0062; border-right:1px solid #7e0062;}
.inf {width:173px; text-align:center; border-left:1px solid #7e0062; border-right:1px solid #7e0062;}
А вот этот код вставляем туда где будет мини-профиль:
Code
<script type="text/javascript" src="http://u-builder.ru/jquery.js"></script>
<script type="text/javascript">
$(function(){
$('.down').click(function(){
$('.hide').slideDown();
});
$('#sver').click(function(){
$('.hide').slideUp();
});
});
</script>
<?if($USER_ID$>0)?>
<div class="up"></div>
<div class="inf">
$DATE$<br/>
Здравствуйте, <strong>$USERNAME$</strong>!
Вы с нми уже $USER_REG_DAYS$ дней
<img src="$USER_AVATAR_URL$" border="0">
Группа: $USER_GROUP$
<?if($_PM_READ_URL$)?><div style="padding-top:4px;" id="userPMread">[ <a href="$_PM_READ_URL$">Читать ЛС (<b>$UNREAD_PM$</b>)</a> ]</div><?endif?>
</div>
<div class="hide">
<a href="$PERSONAL_PAGE_LINK$">Мой профиль</a>
<a href="$USERS_LIST_URL$" target="blank">Список пользователей</a>
<a href="$LOGOUT_LINK$">Выход</a>
<div align="center"><a id="sver" href="#">Свернуть</a></div>
</div>
<div class="down"></div><?else?>
<div class="up"></div>
<div class="inf">
Зарегистрируйтесь или войдите под свим логином
$LOGIN_FORM$
</div>
<div class="hide">
Вы не зарегистрированы!
</div>
<div class="down"></div><?endif?>
Если вам нужно переделать картинки мини-профиля, цвета или добавить каких-то пунктов то пишите в этой теме!