[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Реклама:
  • Страница 1 из 1
  • 1
Модератор форума: cinemania, sipper2, Flektion  
Форум. Скрипты к UCOZ » Фрилансеры » Скрипты к системе ucoz » Новая форма входа для Ucoz в ajax окне + мини-профиль в aja
Новая форма входа для Ucoz в ajax окне + мини-профиль в aja
FlektionДата: Воскресенье, 01.04.2012, 11:36 | Сообщение # 1
Сержант
Сообщений: 21
Репутация: [ ]
:-)
Скрин: http://s59.radikal.ru/i163/1202/ff/5d5e98ba0e41.png

Новая форма входа для Ucoz в ajax окне + мини-профиль в ajax окне
Форма входа и мини-профиль вызываются спомощью ссылки.
Вставляем в css в самый низ:

Code
/* User Box */    
    #userbox {text-shadow:0 -1px 0 #446b81;color:#fff;font:normal 14px Trebuchet MS,Arial,Tahoma,Verdana;display:none;position:fixed;top:50%;left:50%;padding:29px 33px 0;width:250px;margin-left:-158px;margin-top:-140px;height:281px;background:url('http://www.csomsk.ru/1-ucoz/pm/user_box.png') no-repeat 0 0;}    
    #userbox a {color:#fff;text-decoration:none;}    
    #userbox a:hover {text-decoration:underline;}    
    #userbox span#nm {font:bold 26px Trebuchet MS,Arial,Tahoma,Verdana;margin-bottom:18px;display:block;}    
    #userbox #cls {width:25px;height:25px;display:block;float:right;background:url('http://www.csomsk.ru/1-ucoz/pm/oel.png') no-repeat 0 -133px;cursor:pointer;}    
    #userbox input[type='text'], #userbox input[type='password'] {margin-top:19px;padding:0 13px;background:url('http://www.csomsk.ru/1-ucoz/pm/oel.png') no-repeat 0 0;font:normal 15px/38px Trebuchet MS,Arial,Tahoma,Verdana;width:224px;height:37px;color:#9f9f9f;border:none;outline:none;}    

    #userbox input#log_in {background:url('http://www.csomsk.ru/1-ucoz/pm/logbt.png') no-repeat -122px 0;cursor:pointer;width:122px;height:40px;margin:21px 64px 0;border:none;outline:none;}    
    #userbox input#log_in:hover {background:url('http://www.csomsk.ru/1-ucoz/pm/logbt.png') no-repeat -122px -41px;}    
    #userbox input#log_out {background:url('http://www.csomsk.ru/1-ucoz/pm/logbt.png') no-repeat 0 0;cursor:pointer;width:122px;height:40px;margin:21px 64px 0;border:none;outline:none;}    
    #userbox input#log_out:hover {background:url('http://www.csomsk.ru/1-ucoz/pm/logbt.png') no-repeat 0 -41px;}    

    #userbox #avatar {width:95px;height:96px;background:url('http://www.csomsk.ru/1-ucoz/pm/oel.png') no-repeat 0 -37px;float:left;margin-right:22px;margin-top:19px;}    
    #userbox #avatar img {max-with:85px;max-height:85px;margin:5px 5px 0 5px;border:none;}    
    #userbox #u_block {padding-top:21px;}    
    #userbox #u_block a {display:block;}    
    /* -------- */


Где хотите видеть ссылку для вызова вставляем:

Code
<!-- User_Box -->  
  <script type="text/javascript">function log_in() {$('input[name=user]').val($('#u_login').val());$('input[name=password]').val($('#u_pass').val());$('input[name=sbm]').click();}</script>  
  <div id='userbox'>  
  <div id='cls' title='Закрыть' onclick="$('#userbox').fadeOut();"></div>  
  <span id='nm'><?if($USER_LOGGED_IN$)?>Профиль<?else?>Вход<?endif?></span>  
  <?if($USER_LOGGED_IN$)?>  
  <div id='avatar'><img src='$USER_AVATAR_URL$' alt='avatar' title='$USERNAME$'></div>  
  <div id='u_block'>  
  <a href='/news/0-0-0-1'>Добавить Новость</a>  
  <a href='/index/14'>Сообщения: <span title='Непрочитанных сообщений: $UNREAD_PM$'>$UNREAD_PM$</span></a>  
  <a href='/index/8'>Мой Профиль</a>  
  <a href='/index/11'>Изенить Данные</a>  
  <a href='/index/15'>Все Пользовтели</a>  
  <input type='button' value='' title='Выйти' id="log_out" onclick="location.href='/index/10'">  
  </div>  
  <?else?><input type='text' id='u_login' value='Логин' size='20' maxlength='50' onblur="if(value == ''){value = 'Логин'}" onfocus="if(value == 'Логин'){value =''}">  
  <input type='password' id='u_pass' value='Пароль' size='20' maxlength='50' onblur="if(value == ''){value = 'Пароль'}" onfocus="if(value == 'Пароль'){value =''}">  
  <input type='button' value='' id="log_in" onclick='log_in();'>  
  <?endif?>  
  </div>  
  <!-- /User_Box -->  
  <a href="javascript://" onclick="$('#userbox').fadeIn();"><?if($USER_LOGGED_IN$)?>Профиль<?else?>Вход<?endif?></a>


ВНИМАНИЕ: Стандартную форму входа нужно удалить и глобольных блоков (Если есть)


Добавляю скрипты на любой форум
1 тема - 0.05$ детали в лс
Форум. Скрипты к UCOZ » Фрилансеры » Скрипты к системе ucoz » Новая форма входа для Ucoz в ajax окне + мини-профиль в aja
  • Страница 1 из 1
  • 1
Поиск:
Статистика Форума
Последние темы Читаемые темы Лучшие пользователи Новые пользователи

cTapu4ok

(13)

cinemania

(328)

falkon2

(125)

sipper2

(116)

v1rus

(59)

Proffesop

(39)

uzdechko

(39)

LOX

(36)

Hranitel

(28)

cTapu4ok

(25)

qwertysproject

(23)

Зарег. на сайте
Всего: 2050
Новых за месяц: 0
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
Из них
Администраторов: 1
Модераторов: 3
Проверенных: 3
Обычных юзеров: 2042
Из них
Парней: 1756
Девушек: 294

Лучшие фильмы | Уроки Adobe Photoshop | Шаблоны для uCoz | Онлайн-TV | Кнопки для сайта UCOZ | Иконки для сайтов UCOZ | Скрипты для uCoz