Скрипты для uCoz, шаблоны ucoz - Панель управления профилем как на дле - 5 Апреля 2010 - Панель управления профилем как на дле
Меню сайта
Обои, картинки, темы для windows...
Категории раздела
Шаблоны для uCoz [24]
Скрипты для uCoz [263]
Иконки форума [1]
Иконки групп [0]
Ранги для uCoz [5]
Софт веб-мастеру [1]
Статьи веб-мастеру [103]
Видеоуроки [10]
Всё для фотошопа [0]
Мини-чат
200
Наш опрос
Вы кто?
Всего ответов: 31
Теги
На нашем сайте вы найдёте: самые новые и просты скрипты для ucoz,и очень красивые и новые шаблоны для uCoz,Иконки групп,очень красивые кисти для photoshopa,много шрифтов для photoshopa,много псд исходников,интересные статьи для веб мастеров,а также вы сможете всегда получить нужную вам помощь по uCoz, всегда получите ответ на ваш интересующий вопрос. Скрипты для uCoz,Иконки групп,Софты для uCoz,Статьи для Веб мастеров,Фотошоп Скрипты для uCoz,Все для юкоз, Шаблоны для uCoz,Иконки для uCoz
| sitemap | sitemap-forum |

Скрипты и шаблоны для uCoz, Скачать шаблоны юкоз, ucoz шаблон, шаблоны ucoz, ucoz скрипты

Панель управления профилем как на дле


Вот сообствено как выгледит эта панель после нажатия на Панель управления:

Пример можете посматреть на скрине
И так приступим с установке

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


  <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 | Просмотров: 548 | Добавил: Aleks | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]



Твой профиль

Поиск
На форуме
RSS
Статистика
Счетчик посещений

OnLine
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Нас посетили:
Зарег. на сайте:
Всего: 103
За месяц: 0
За неделю: 0
Вчера: 0
Сегодня: 0
Поиск
Архив записей
Календарь
«  Апрель 2010  »
Пн Вт Ср Чт Пт Сб Вс
   1234
567891011
12131415161718
19202122232425
2627282930
Хостинг от uCoz | Скрипты для uCoz | Шаблоны для uCoz