DIZ-CS.RU - Мы с Вами НАВСЕГДА!
Активный форум » WEB-мастеру » Скрипты для uCoz » Красивое окно авторизации - профиля для uCoz(Красивое окно авторизации - профиля для uCoz)
  • Страница 1 из 1
  • 1
Сообщение # 1
Аватарка -Wh1Te-
OFF
Пользователь
Сообщения:157
Награды:61
Отзывы:0
Скрин: http://s003.radikal.ru/i203/1203/34/893d272bfc35.jpg

Вот нашёл красивое окно авторизации и профиля и решил сверстать.

Красивое окно авторизации - профиля для uCoz.

Установка:
1. В корне сайта создаём папку ub и заливаем туда все картинки из архива.(http://depositfiles.com/files/izmrs46yc)

2. В CSS, в самый низ ставим:

/* 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('/ub/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('/ub/oel.png') no-repeat 0 -133px;cursor:pointer;}
#userbox input[type='text'], #userbox input[type='password'] {margin-top:19px;padding:0 13px;background:url('/ub/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('/ub/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('/ub/logbt.png') no-repeat -122px -41px;}
#userbox input#log_out {background:url('/ub/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('/ub/logbt.png') no-repeat 0 -41px;}

#userbox #avatar {width:95px;height:96px;background:url('/ub/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;}
/* -------- */

3. Затем на все страницы сайта ставим:






4. Туда, где будет ссылка для вызова окна ставим:
ПрофильВход

Внимание! На тех страницах, где у вас будет окно авторизации, должен стоять код стандартной формы входа - $LOGIN_FORM$ (иначе авторизация не будет работать), если хотите, можете спрятать стандартную форму входа, вот так:

$LOGIN_FORM$
  • Страница 1 из 1
  • 1
Поиск:
Писать на форуме могут только авторизованные пользователи.