Скрипты для uCoz

Сайт посвящён владельцам сайтов системы uCoz

У нас вы найдете: Скрипты для uCoz, Шаблоны для uCoz, Все для uCoz, различные Иконки для форума.
Карта сайта Контакты Главная

Чат

Cервис On-Line

Реклама

ASAAS

Авторизация



Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!

Реклама

Опрос

Что появилось раньше ?


Партнёры

SADDASD

Статистика

  Зарег. на сайте

Всего: 11454
Новых за месяц: 0
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0

  Из них

Администраторов: 1
Модератор форума:
Проверенных: 0
Обычных юзеров: 11451

  Из них

Парней: 11449
Девушек: 4

Счётчики

CY and PR

Топ100- Веб-дизайн

   Главная » Файлы » Скрипты для uCoz » Форма входа    

   Уважаемый гость, чтобы скачать файл вы должны  зарегестрироваться!

При нажатии на эту кнопку:

Выйдет форма входа:

На сайтах с движком DLE видел много раз вход как на uCoz'овском блоге.
Ну так вот. Подумал поделится с Вами дорогие пользователи.
Скрипт конечно же взял с блока uCoz системы: http://blog.ucoz.ru/.

Для начало зайдём в панель управления > управление дизайном > таблица стилей (CSS).
И добавим этот код:

Code
div#login-wrap {position: absolute; display: none;}   
div#login-block {background: url('http://ucoz-scripts.ucoz.ru/other/login-bg.png') no-repeat; width: 246px; height: 167px;}   
div#enter-button {width: 60px; height: 35px; background: url('http://ucoz-scripts.ucoz.ru/other/button-enter.PNG') no-repeat; position: absolute; cursor:pointer; cursor:hand;}   
.login-form {width:180px; margin-left: 30px; padding-top: 15px;}   
.login-close {width: 14px; height: 13px; background: url('http://ucoz-scripts.ucoz.ru/other/login-close.gif') no-repeat; cursor:pointer; cursor:hand; float: right;}   
input.loginField, #content input {height: 22px; color: #515151; line-height: 22px; font-size: 10pt; background: url('http://blog.ucoz.ru/img/input-bg.gif') repeat-x; border-top: 1px solid #838383; border-left: 1px solid #838383; border-right: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4;}   
input.loginButton {width: 48px; height: 16px; background: url('http://ucoz-scripts.ucoz.ru/other/button.gif') no-repeat; color: #ffffff; border: none; font-size: 7pt; padding-bottom: 2px; position: relative; top: 3px;}

За тем в нужное Вам место ставьте данный код:

Code
<div id="enter-button" onclick="document.getElementById('login-wrap').style.display='block';"></div>   
<div id="login-wrap"><div id="login-block">   
<script type="text/javascript">   
sendFrm549077=function(){   
var o=document.getElementById('frmLg549077');   
var pos=_umlGetCoord(document.getElementById('frmLg549077'));   
document.body.insertBefore(document.getElementById('blk549077'),document.body.firstChild);   
with(document.getElementById('blk549077')){style.top=(pos['top'])+'px'; style.left=(pos['left'])+'px';style.width=o.offsetWidth;style.height=o.offsetHeight;style.display=''; innerHTML='<div align="left" style="padding:5px;"><div class="myWinLoad"></div></div>';}   
uz.util.Connect.setForm('frmLg549077');   
var cObj = uz.util.Connect.asyncRequest('POST','http://ucoz-scripts.ucoz.ru/index/',callback);   
}   
</script>   

<div id="blk549077" style="border:1px solid #CCCCCC;position:absolute;z-index:82;background:url('http://s4.ucoz.net/img/fr/g.gif');display:none; "></div><form id="frmLg549077" method="post" style="margin:0" onsubmit="sendFrm549077();return false;"><div class="login-form">   
    <div onclick="document.getElementById('login-wrap').style.display='none';" class="login-close"></div>   
    <h2 style="text-align: center;">Авторизация</h1>   
<table border="0" cellspacing="1" cellpadding="2" width="180">   

<tr><td width="20%" nowrap="nowrap">Логин:</td><td><input class="loginField" type="text" name="user" value="" size="20" style="width:100%;" maxlength="50" /></td></tr>   
<tr><td>Пароль:</td><td><input class="loginField" type="password" name="password" size="20" style="width:100%" maxlength="15" /></td></tr>   

</table>   
<div align="center"><a href="$REMINDER_LINK$">Забыл пароль</a> | <a href="$REGISTER_LINK$">Регистрация</a></div>   
</table>   

</div></div></div>   
    <div id="wrap">   
    <div style="clear: both;">





BBCode:
HTML:   
[ Скрыть ссылки ]



  Категория: Скрипты для uCoz | Добавил: AZOT | Просмотров: 267 | Загрузок: 0 | Рейтинг: 0.0/0 |

Добавление комментария

  Всего комментариев: 0  
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

 


Вверх