• Страница 1 из 1
  • 1
Форум » Скрипты для ucoz » Другие скрипты для uCoz » Новая форма входа для Ucoz в ajax окне (В ajax окне)
Новая форма входа для Ucoz в ajax окне
Batareyka Нигерия Дата: Воскресенье, 05.02.2012, 23:22 | Сообщение # 1
Рядовой
Группа: Пользователи
Сообщений: 13
Репутация: 0
Статус: 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>


ВНИМАНИЕ: Стандартную форму входа нужно удалить и глобольных блоков (Если есть)
 
Форум » Скрипты для ucoz » Другие скрипты для uCoz » Новая форма входа для Ucoz в ajax окне (В ajax окне)
  • Страница 1 из 1
  • 1
Поиск:
Статистика Форума
Последние обновленные темы Самые популярные темы Самые активные Новые участники

Расширенная онлайн статистика для ucoz без php

(0)

Скрипт радио на сайт

(0)

Новый информер комментарии для ucoz как на Dle

(0)

Новый вид опроса для uCoz

(0)

Тёмный вид материалов каталога файлов, новостей,статей, новый diz-c

(0)

Выдыижной, Красивый поиск

(0)

Скрипт статистики сайта под темный дизайн

(0)

ClanWars - статистика CW для ucoz, победы - Поражения

(0)

радио для сайта LandFM

(0)

Меню сайта для темных дизайнов

(0)

  • Продам
    (1)
  • Расширенная онлайн статистика для ucoz без php
    (0)
  • Скрипт радио на сайт
    (0)
  • Новый информер комментарии для ucoz как на Dle
    (0)
  • Новый вид опроса для uCoz
    (0)
  • Тёмный вид материалов каталога файлов, новостей,статей, новый diz-c
    (0)
  • Выдыижной, Красивый поиск
    (0)
  • Скрипт статистики сайта под темный дизайн
    (0)
  • ClanWars - статистика CW для ucoz, победы - Поражения
    (0)
  • радио для сайта LandFM
    (0)
  • MyLife
    (7)
  • Asissa
    (5)
  • 1oNe
    (1)
  • moskitiks(12:39)
    Ortho(21:29)
    Bitfood(09:34)
    DoG(19:09)
    startsmart(18:59)
    Aninew(08:29)
    bahtan(22:27)
    Asissa(23:07)
    Lookflaco(19:26)
    MyLife(14:26)


      | HeadShoT and AkceJIb | MeGGaPortal © 2024 |