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

1275
7.4 из 10
Проголосовало: 3





Установка:

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 title="Управление своим профилем" 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://webo4ka.3dn.ru/Ucoz/net_avatara.png" 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 title="Ваш профиль" href="javascript://" 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;">Мой профиль</a></li>
<li><a title="Личные сообщения" href="$PM_URL$" 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;">Сообщения (0)</a></li>
<li><a title="Добавить новость на сайт" 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 title="Выход из аккаунта" 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>
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
  • Оставить первым комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2118
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • Marishka написал:
  • По просьбам поправили!.
    1. Делаем все как написано.
    2. Находим файл /Ucoz4/ctena_user2_wall_v2.js и меняем все в файле из нашего файла:
    Код
    http://mbs.usite.pro/ctena_user2_wall_v2.js
  • rayven написал:
  • в любом случае, всегда надо под свои нужды настраивать руками. А скрипт пригодиться, не тут, так там.
  • rayven написал:
  • даже Вовчик со мной согласен. tongue
  • Marishka написал:
  • Upd 1.4 Кому лень https://jsfiddle.net/7js6tfp1/5/
  • Marishka написал:
  • Мы обновили код и упростили его установку:
    Что нового:
    1. Новый легкий js код.
    2. Отправка по Enter если есть или нет Aa цвета.
    3. Простая установка.

    Принцип работы:
    Используется родное поле ввода текста с выбором цвета, родная кнопка отправки скрывается позволяя отправить форму по Enter.

    Демо: https://jsfiddle.net/7js6tfp1/4/
    Последние темы
    Опрос
    271
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 3
    Гостей: 3
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: