Хотите такой профиль себе на сайт?
Тогда следуйте инструкции..
Установка:
Зайдите в Управление дизайном > Css (таблица стилей Css).
И добавьте в разряд General данный класс:
Code
.menu {padding:0; margin:0; width:189px; border-top: 1px solid #ccc;}
.menu li {background-color:#FFFFFF; margin:0; padding: 3px 0; display: block; position: relative; border: 1px solid #ccc; border-width: 0px 1px 1px 1px; list-style: none;}
* html .menu li {background-color:#ebebeb; margin:0; padding: 3px 0; display: block; position: relative; border: 1px solid #ccc; border-width: 0px 1px 1px 1px; list-style: none;}
.menu li a {display: block; position: relative; text-decoration: none; padding-left: 6px; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color:#aaaaaa; margin:0;}
.menu li ul {display: none; position: absolute; width:200px; left:198px; margin:0; padding:0; top: -1px; border-top: 1px solid #ccc;}
.menu ul ul { left: 198px; }
.menu li:hover ul ul,
.menu li:hover ul li:hover ul ul,
.menu li.sfHover ul ul,
.menu li.sfHover ul li.sfHover ul ul { display: none; }
.menu li:hover ul,
.menu li:hover ul li:hover ul,
.menu li:hover ul li:hover ul li:hover ul,
.menu li.sfHover ul,
.menu li.sfHover ul li.sfHover ul,
.menu li.sfHover ul li.sfHover ul li.sfHover ul { display: block; }
.menu li:hover, li.sfHover { background: #E3E3E3; }
.menu a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;color:#999999;}
За тем создайте глобальный блок под названием: PROFIL и добавьте в него данный код:
Code
<div align="left">Аватарка:</div>
<ul class="menu" id="menu">
<li><div align="left"><?if($USER_AVATAR_URL$)?><img class="userAvatar" title="$USERNAME$" src="$USER_AVATAR_URL$" border="0"><?else?><?if($USER_LOGGED_IN$)?><img class="userAvatar" title="$USERNAME$" src="http://jekins.ucoz.ru/avatar/noava.png" border="0" width="150" height="143"><?else?><img class="userAvatar" title="$USERNAME$" src="http://jekins.ucoz.ru/avatar/acano.png" border="0"><?endif?><?endif?> </div></li>
</ul>
<div align="left">Данные:</div>
<ul class="menu" id="menu">
<li><div align="left"><?if($USER_LOGGED_IN$)?></div><div align="left">Зовут меня: $USERNAME$</div></li>
<li><div align="left"></div><div align="left"><a href="$PM_URL$">» Новые сообщения (ЛС)</a></div></li>
<li><div align="left"><a href="$PERSONAL_PAGE_LINK$">» Мой профиль</a></div></li>
<li><div align="left"><a href="$LOGOUT_LINK$">» Выход</a></div><?endif?></div></li>
</ul>
Вот и всё. Конечно всё заменяйте на своё. Удачи
