Вот сообствено как выгледит эта панель после нажатия на Панель управления: 
Пример можете посматреть на скрине или здесь!
И так приступим с установке
1. Первое что мы делаем ето скачиваем архив.
2. В файловом менеджере кидаем файлы face.css и facebox.js, потом создаем папку face и кидаем там картинки из самой папки face с компа
3. На всех страницах сайта ставим следующий код между <head> и </head>:
Code
<link rel="stylesheet" title="default" href="/face.css" type="text/css" />
<script type="text/javascript">
$(document).ready(function()
{
$('.content .left, .content input, .content textarea, .content select').focus(function(){
$(this).parents('.content').addClass("over");
}).blur(function(){
$(this).parents('.content').removeClass("over");
});
$('.contentA .left, .contentA input, .contentA textarea, .contentA select').focus(function(){
$(this).parents('.row').addClass("over");
}).blur(function(){
$(this).parents('.row').removeClass("over");
});
});
</script>
<script type="text/javascript" src="/facebox.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$('a[rel*=facebox]').facebox({
loading_image : '/face/loading.gif',
close_image : '/face/close.png'
})
})
</script>
4. Потом где хотим увидеть надпись Панель управления ставим следующий код:
Code
<?if($USER_LOGGED_IN$)?>
<a tooltip1="Управление своим профилем" href="#info1" rel="facebox">Панель управления</a>
<div id="info1" style="display: none;">
<center><img tooltip1="Профиль" style="margin: 0pt;" src="/face/cpanel.png"></center><div style="padding: 10px; float: left; width: 120px;"><center><?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://gamecracks.ucoz.ru/Noavataar.gif" border="0"><?else?><img class="userAvatar" title="$USERNAME$" src="http://gamecracks.ucoz.ru/Noavataar.gif" border="0"><?endif?><?endif?></center><center>Здравствуйте, <b>$USERNAME$</b>!</center></div><div style="border-left: 1px dotted rgb(255, 255, 255); padding: 10px 10px 0pt; float: right; width: 250px;"><ul>
<li><a tooltip1="Личные сообщения" href="$PM_URL$" style="background: transparent url(/face/mail.png) no-repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">Почта (новых [0])</a></li>
<li><a tooltip1="Ваш профиль" href="javascript://" rel="nofollow" onclick="window.open('/index/8','upp','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;" style="background: transparent url(/face/prof.png) no-repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">Профиль</a></li>
<li><a tooltip1="Добавить новость на сайт" href="/news/0-0-0-0-1" style="background: transparent url(/face/addn.png) no-repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><b>Добавить новость</b></a></li>
<li><a tooltip1="Выход из аккаунта" onclick="javascript: showBusyLayer()" href="/index/10" style="background: transparent url(/face/exit.png) no-repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">Выход</a></li></ul></div><div style="clear: both;"></div><br>
</div>
</li><?else?><a href="$LOGIN_LINK$">Войти</a><?endif?>
