Совершенно новый и красивый мини-профиль.Он мал,но очень удобен.
В самом верху блок разделен на 2 половины: левая - для аватора,правая - логин.Полностью рабочий и настроенный мини-профиль.
Установка:
Создаём блок и вставляем туда код профиля:
Code
<?if($USER_LOGGED_IN$)?>
<div class="mpava"><?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$"><?else?><img src="http://wallaby.ucoz.ru/_ph/1/2/518111205.png"><?endif?> </div>
<div class="opatb"><div class="mpname"><b>$USERNAME$</b></div></div>
<div class="mpin"><img src="http://wallaby.ucoz.ru/_ph/1/2/228868423.png" class="mpimstr"><div class="mpstr"><a href="/index/8">Мой профиль</a></div></div>
<div class="mpin"><img src="http://wallaby.ucoz.ru/_ph/1/2/678236462.png" class="mpimstr"><div class="mpstrls"><a href="/index/14">Мои сообщения </a></div> <div class="unread"><a title="Количество новых сообщении">$UNREAD_PM$</a></div></div>
<div class="mpin"><img src="http://wallaby.ucoz.ru/_ph/1/2/800250262.png" class="mpimstr"><div class="mpstr"><a href="/index/11">Мои настройки</a></div></div>
<div class="mpin" ><img src="http://wallaby.ucoz.ru/_ph/1/2/939619931.png" style="border-bottom:1px solid #ccc" class="mpimstr"><div class="mpstr" style="border-bottom:1px solid #ccc"><a href="/index/10">Выход</a></div></div>
<?else?>
$LOGIN_FORM$
<?endif?>
В CSS вставляем
Code
/* ====== Мини профиль ====== */
.opatb {background:#fff;border:1px solid #ccc;border-left:none;height:63px;}
.mpava img {width:63px;height:63px;float:left;border:1px solid #d2d2d2;margin-bottom:4px;}
.mpname {float:left;padding-left:27px;font-size:16px;color: rgb(8, 99, 151);padding-top:20px;display:inline-block}
.mpin {text-align:left; padding:0px; clear:both; }
.mpimstr {float:left;background:#f7f7f7;padding:3px;border:1px solid #ccc;border-right:1px dotted #ccc;border-bottom:none;display:inline-block}
.mpstr {background:#fff;float:left;width:165px;height:17px;display:inline-block;padding-top:5px;border:1px solid #ccc;border-left:none;border-bottom:none;}
.mpstr a {text-decoration:none;color: rgb(8, 99, 151);margin-left:4px;}
.mpstr a:hover {text-decoration:underline;}
.mpstrls {background:#fff;float:left;width:147px;height:17px;display:inline-block;padding-top:5px;border:1px solid #ccc;border-left:none;border-bottom:none;border-right:1px dotted #ccc;}
.mpstrls a {text-decoration:none;color: rgb(8, 99, 151);margin-left:4px;}
.mpstrls a:hover {text-decoration:underline;}
.unread {background:#f7f7f7;border:1px solid #ccc;border-bottom:none;height:19px;text-align:center;font-weight:bold;padding:3px 2px 0 0;}
/* ============ */
