Воскресенье, 06.07.2025, 18:53
Приветствую Вас Гость | RSS

Мой сайт

Мини-чат
Наш опрос
Оцените мой сайт
Всего ответов: 56
Статистика

Онлайн всего: 2
Гостей: 2
Пользователей: 0
Форма входа

Главная » 2010 » Июнь » 1 » Панель управления профилем как на дле
07:33
Панель управления профилем как на дле

Панель управления профилем как на дле - отличный сплывающий мини-профиль для вашего сайтаю

1. Первое что мы делаем ето скачиваем архив.
2. В файловом менеджере кидаем файлы face.css и facebox.js, потом создаем папку face и кидаем там картинки из самой папки face с компа
3. На всех страницах сайта ставим следующий код между и :

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
  

  <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><img class="userAvatar" title="$USERNAME$" src="$USER_AVATAR_URL$" border="0"><img class="userAvatar" title="$USERNAME$" src="http://gamecracks.ucoz.ru/Noavataar.gif" border="0"><img class="userAvatar" title="$USERNAME$" src="http://gamecracks.ucoz.ru/Noavataar.gif" border="0"></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><a href="$LOGIN_LINK$">Войти</a>
Категория: Скрипты для uCoz | Просмотров: 857 | Добавил: ErIcSSon | Теги: управления, профилем, На, панель, как, дле | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email *:
Код *:
Поиск
Календарь
«  Июнь 2010  »
Пн Вт Ср Чт Пт Сб Вс
 123456
78910111213
14151617181920
21222324252627
282930