Ваш аватар Информация
Вы вошли как: Гость
Группа: Гости


   
  • Страница 1 из 1
  • 1
Форум » Всё для сайтов ucoz » Разные скрипты » Красивая форма входа (Красивая форма входа)
Красивая форма входа
Дата: Понедельник, 06.05.2013, 21:09 | Сообщение # 1
Отправить сообщение
Профиль
Ранг: 1
Жалоба на пользователя
Не в сети
Сообщений: 36
Награды: 0 +
-
Репутация: 1
+
При нажатии на эту кнопку: http://dlyaucoz.3dn.ru/forums/05896.png
Выйдет форма входа: http://dlyaucoz.3dn.ru/forums/60377.png
Для начало зайдём в панель управления > управление дизайном > таблица стилей (CSS).
И добавим этот код :
Код
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;}

За тем в нужное Вам место ставьте данный код :
Код
<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>
Доп ячейка
Форум » Всё для сайтов ucoz » Разные скрипты » Красивая форма входа (Красивая форма входа)
  • Страница 1 из 1
  • 1
Поиск:
На нашем портале вы сможете найти все для css,ucoz,minecraft и многое другое .А также вы можете поговорить или обсудить самые популярные игры на форуме,добавить свой сервер в мониторинг а сайт в топ сайтов и конечно скачать нужные вам файлы. Хостинг от uCoz