Вот сообствено как выгледит эта панель после нажатия на Панель управления: Пример можете посматреть на скрине И так приступим с установке 1. Первое что мы делаем ето скачиваем архив. 2. В файловом менеджере кидаем файлы face.css и facebox.js, потом создаем папку face и кидаем там картинки из самой папки face с компа 3. На всех страницах сайта ставим следующий код между <head> и </head>: Code <link rel="stylesheet" title="default" href="/face.css" type="text/css" /> <br><br> <script type="text/javascript"> <br><br> $(document).ready(function() <br><br> { <br><br> $('.content .left, .content input, .content textarea, .content select').focus(function(){ <br><br> $(this).parents('.content').addClass("over"); <br><br> }).blur(function(){ <br><br> $(this).parents('.content').removeClass("over"); <br><br> }); <br><br> $('.contentA .left, .contentA input, .contentA textarea, .contentA select').focus(function(){ <br><br> $(this).parents('.row').addClass("over"); <br><br> }).blur(function(){ <br><br> $(this).parents('.row').removeClass("over"); <br><br> }); <br><br> }); <br><br> </script> <br><br> <script type="text/javascript" src="/facebox.js"></script> <br> <script type="text/javascript"> <br><br> jQuery(document).ready(function($) { <br><br> $('a[rel*=facebox]').facebox({ <br><br> loading_image : '/face/loading.gif', <br><br> close_image : '/face/close.png' <br><br> }) <br><br> }) <br><br> </script> 4. Потом где хотим увидеть надпись Панель управления ставим следующий код: Code <?if($USER_LOGGED_IN$)?> <br><br> <a tooltip1="Управление своим профилем" href="#info1" rel="facebox">Панель управления</a> <br> <div id="info1" style="display: none;"> <br><br> <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> <br> <br> <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> <br> <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> <br> <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> <br> <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> <br> </div> <br> </li><?else?><a href="$LOGIN_LINK$">Войти</a><?endif?>
|