Скрипты и шаблоны для uCoz
Главная
Форум
Войти
Шаблоны
Скрипты
Файловик (5р файл)
Всё для photoshop
Инфо WEB-Мастеру
RSS
Часы с календарём
Категория :
Другие скрипты
Красивый шаблон для Warez Портала - Web Tech
Категория :
Софт шаблоны
Светлый шаблон для UCoz - Ali Han Natural
Категория :
Другие
Игровой Шаблон "GamePress" для Ucoz
Категория :
Игровые
Оригинал Шаблона Сайта Gold-Gaming для Ucoz
Категория :
Игровые
Оригинал нового шаблона сайта 3aka4ka
Категория :
Софт шаблоны
Шаблон от KEY-CS #3
Категория :
Игровые
uSMS
Категория :
Другие
test drive unlimited2
Категория :
Игровые
Оригинальный шаблон "Promobil" для Ucoz
Категория :
Софт шаблоны
Оригинал шаблона Ucoz-Mir
Категория :
Ucoz
Очень красивый шаблон для ucoz на тему сталкер.
Категория :
Игровые
MyApp
Категория :
Мобильные
Набор отличных web-иконок
Категория :
Иконки и кнопки для сайта
Тёмно-красный шаблон для блога
Категория :
Для блога
Адаптация шаблона Animeland (под uCoz)
Категория :
Другие
Логин:
Пароль:
Забыли пароль?
|
Правила
|
Регистрация
Главная
»
Скрипты для uCoz
»
Пользователи
» Красивое окно авторизации - профиля для uCoz
Заработай на своём нулёвом сайте uCoz (Статистика моих доходов, и скрины выплат)
Красивое окно авторизации - профиля для uCoz
·
·
Вот нашёл красивое окно авторизации и профиля и решил сверстать.
Красивое окно авторизации - профиля для uCoz.
Установка:
1. В корне сайта создаём папку ub и заливаем туда все картинки из архива.
2. В 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('/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. Затем на все страницы сайта ставим:
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>
<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 -->
4. Туда, где будет ссылка для вызова окна ставим:
Code
<a href="javascript://" onclick="$('#userbox').fadeIn();"><?if($USER_LOGGED_IN$)?>Профиль<?else?>Вход<?endif?></a>
Внимание! На тех страницах, где у вас будет окно авторизации, должен стоять код стандартной формы входа - $LOGIN_FORM$ (иначе авторизация не будет работать), если хотите, можете спрятать стандартную форму входа, вот так:
Code
<div style='display:none;'>$LOGIN_FORM$</div>
Последние темы на форуме:
Почтовые акки с паролями
Общение "часть 2 "
Обмен регистрациями (Бесплатная раскрутка вашего сайта)
Требуются Модераторы и Журналисты
Оцените HD - кинотеатр
Добавил:
schokk13
Просмотров : 4264
Загрузок : 944
Добавлено: 24.10.2019
Категория:
Пользователи
1
2
3
4
5
Всего комментариев:
0
Добавлять комментарии могут только зарегистрированные пользователи.
[
Регистрация
|
Вход
]
Главное
меню
Главная
Наш форум
Шаблоны для uCoz
Скрипты для uCoz
Иконки групп
Кнопки для сайта
Шапки для сайтов
Всё для Photoshop
Раскрутка сайтов
Помощь по uCoz
Ваши
ссылки
Убрал 11.04.2013
Рекламный блок
№ 1
Пусто
Статистика
сайта
Яндекс тИЦ:
30
Google PR:
2
Показы:
4837
Хосты:
1083
Рекламный блок
№ 2
Друзья
сайта
Наша
Кнопка
Администрация портала будет очень благодарна вам, если вы разместите нашу кнопку у себя а сайте!
Категории
раздела
Пользователи
[136]
Новости сайта
[51]
Форум
[112]
Каталог файлов
[53]
Каталог сайтов
[8]
Каталог статей
[7]
Доска объявлений
[2]
Фотоальбом
[11]
Блог
[10]
Опросы
[12]
Тесты
[0]
Интернет магазин
[0]
Другие скрипты
[539]
Переключатели страниц
[20]
PHP Скрипты для ucoz
[8]
Статистика
сайта
Онлайн всего:
1
Гостей:
1
Пользователей:
0
liex777