Воскресенье, 19.05.2024, 12:40
Приветствую Вас Гость | RSS

...

Меню
пример реклама
Опрос
Оцените мой сайт
Всего ответов: 17

Каталог статей

Главная » Статьи » Всё для ucoz » Красивая форма входа для ucoz.

Форма входа как на DLE для Ucoz
Установка: 

после на нужных страницах 
Code
<link id="dyncss" rel="stylesheet" type="text/css" href="http://isu-ucoz.3dn.ru/a_scripts/i/css1.css">  
   
  <script type="text/javascript">  
  function setDynCSS(url) {  
  if (!arguments.length) {  
  url = (url = document.cookie.match(/\bdyncss=([^;]*)/)) && url[1];  
  if (!url) return '';  
  }  
  document.getElementById('dyncss').href = url;  
  var d = new Date();  
  d.setFullYear(d.getFullYear() + 1);  
  document.cookie = ['dyncss=', url, ';expires=', d.toGMTString(), ';path=/;'].join('');  
  return url;  
  }  
  setDynCSS();  
  </script>  
  <script type="text/javascript">  
  $(document).ready(function() {  
  //select all the a tag with name equal to modal  
  $('a[name=modal]').click(function(e) {  
  //Cancel the link behavior  
  e.preventDefault();  
  //Get the A tag  
  var id = $(this).attr('href');  
  //Get the screen height and width  
  var maskHeight = $(document).height();  
  var maskWidth = $(window).width();  
  //Set heigth and width to mask to fill up the whole screen  
  $('#mask').css({'width':maskWidth,'height':maskHeight});  
  //transition effect  
  $('#mask').fadeIn(1000);  
  $('#mask').fadeTo("slow",0.3);  
  //Get the window height and width  
  var winH = $(window).height();  
  var winW = $(window).width();  
  //Set the popup window to center  
  $(id).css('top', winH/2-$(id).height()/2);  
  $(id).css('left', winW/2-$(id).width()/2);  
  //transition effect  
  $(id).fadeIn(1000);  
  });  
  //if close button is clicked  
  $('.window .close').click(function (e) {  
  //Cancel the link behavior  
  e.preventDefault();  
  $('#mask, .window').hide();  
  });  
  //if mask is clicked  
  $('#mask').click(function () {  
  $(this).hide();  
  $('.window').hide();  
  });  
  });  
  </script>  
   
  <div id="boxes">  
  <div id="webo4ka-vhod" class="window">  

  <div class="login-box">  
  <div class="log-box-l">  
  <div class="log-box-r">  
  <div class="close-div"><a href="#" class="close"></a></div>  
  <div class="text270deg">Авторизация</a></div>  
  <div class="popup-body">  
  <!-- ФОРМА ВХОДА -->  
  <div class="log-vhod">  
  <z style="float: left; width: 245px; position: absolute; margin: 16px 0 0 72px;">$LOGIN_FORM$</z>  
  <div class="poptext">  
  <ul>  
  <li><a id="b1" href="/index/0-2">Правила</a></li>  
  <li><a id="b2" href="javascript://" rel="nofollow" onclick="new _uWnd('Prm','Напоминание пароля',300,130,{autosize:1,closeonesc:1},{url:'/index/5'});return false;">Забыли пароль?</a></li>  
  <li><a id="b3" href="$REGISTER_LINK$">Регистрация</a></li>  
  <li><a id="b4" href="javascript://" onclick="webo4ka_vibor_fona()">Настройки</a></li>  
  <script type="text/javascript">function webo4ka_vibor_fona() {new _uWnd('ajax','Выберите фон','200','200',{autosize:false,modal: true,close:true,header:true,nomove: false,fixed:true},'<a style="cursor:pointer;" onclick="setDynCSS(\'http://isu-ucoz.3dn.ru/a_scripts/i/css1.css\')" title="beige">beige</a><br> <a style="cursor:pointer;" onclick="setDynCSS(\'http://isu-ucoz.3dn.ru/a_scripts/i/ajax/blue/css1.css\')" title="blue">blue</a><br> <a style="cursor:pointer;" onclick="setDynCSS(\'http://isu-ucoz.3dn.ru/a_scripts/i/ajax/dark/css1.css\')" title="dark_grey">dark_grey</a><br> <a style="cursor:pointer;" onclick="setDynCSS(\'http://isu-ucoz.3dn.ru/a_scripts/i/ajax/green/css1.css\')" title="green">green</a><br> <a style="cursor:pointer;" onclick="setDynCSS(\'http://isu-ucoz.3dn.ru/a_scripts/i/ajax/grey/css1.css\')" title="light_grey">light_grey</a><br> <a style="cursor:pointer;" onclick="setDynCSS(\'http://isu-ucoz.3dn.ru/a_scripts/i/ajax/pink/css1.css\')" title="pink">pink</a><br> <a style="cursor:pointer;" onclick="setDynCSS(\'http://isu-ucoz.3dn.ru/a_scripts/i/ajax/purple/css1.css\')" title="purple">purple</a><br> <a style="cursor:pointer;" onclick="setDynCSS(\'http://isu-ucoz.3dn.ru/a_scripts/i/ajax/red/css1.css\')" title="red">red</a><br> <a style="cursor:pointer;" onclick="setDynCSS(\'http://isu-ucoz.3dn.ru/a_scripts/i/ajax/webs-art/css1.css\')" title="webs-art">webs-art</a><br> <a style="cursor:pointer;" onclick="setDynCSS(\'http://isu-ucoz.3dn.ru/a_scripts/i/ajax/web-arts2/css1.css\')" title="webs-art2">webs-art2</a><br> <a style="cursor:pointer;" onclick="setDynCSS(\'http://isu-ucoz.3dn.ru/a_scripts/i/ajax/yellow/css1.css\')" title="yellow">yellow</a><br>')}</script>  
  </ul>  
  </div>  
  </div>  
  <!-- END ФОРМА ВХОДА -->  
  <div class="clr"></div>  
  </div></div></div></div></div></div>  
  <div id="mask"></div>

ссылка вызова окна: 
Code
<a href="#webo4ka-vhod" name="modal" class="but_1"><span style="padding:0 18px 0 28px;">Вход</span></a>

Далее ПУ\Управление дизайном\Пользователи\Форма входа пользователей удаляете всё от-туда и вставляете: 
Code
<div class="lfield" >  
  <p>Логин пользователя:</p>  
  <input class="loginField" type="text" name="user" id="login_name" onblur="if (value == '') {value = 'Your username'}" onfocus="if (value == 'Your username') {value =''}" value="Your username"/>  
  <p>Пароль:</p>  
  <input class="loginField" type="password" name="password" id="login_password" onblur="if (value == '') {value = 'Your Password'}" onfocus="if (value == 'Your Password') {value =''}" value="Your Password"/>  
  </div>  
  <div valign="top">  
  <input class="but-log" name="sbm" alt="Войти" type="submit" value=""/>  
  </div>  
  <input name="login" type="hidden" id="login" value="submit" />  
  <style>.lfield input {width: 100%;}</style>
Категория: Красивая форма входа для ucoz. | Добавил: BeyB (09.01.2013)
Просмотров: 1204 | Рейтинг: 1.0/1
Мой профиль
Привет, Гость

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

Mini chat
До нового года:
до нового года осталось:
статистика сайта
Яндекс.Метрика

Copyright PCHacker (Gevorg Khudaverdyan) © 2024
Бесплатный хостинг uCoz


Регистрация
Новости:
[24.03.2013][Интернет]
Как бесплатно скачать видео c YouTube. Самое простое скачивание видео с YouTube.

[13.11.2013][Интернет]
Самое интересное и прикольное в мире авто (video)

[24.03.2013][Интернет]
Как установить Windows 7

[24.03.2013][Интернет]
Как СКАЧАТЬ МУЗЫКУ с odnoklassniki.ru [HD].mp4

[24.03.2013][Интернет]
Как удалить профиль на одноклассниках

[24.03.2013][Интернет]
как добавить тему в однокласснике (способ 2)

[24.03.2013][Интернет]
как поменять пароль вместо звездочек text

[24.03.2013][Интернет]
КАК ДОБАВИТЬ ТЕМУ В ОДНОКЛАССНИКИ.РУ

%