Форма входа как на DLE для Ucoz by webo4ka.ru


Форма входа как на DLE для Ucoz by webo4ka.ru

4051
6.8 из 10
Проголосовало: 9







Недавно на одном форуме (юсайт biggrin ) какой-то user (по моему мнению очень наглый) попросил сделать такую форму входа для юкоз. Вот я и решил переделать её для ucoz. Форма очень красиво смотрится, при открытии, её задний фон затемняется, так же можно выбрать фон этого окна, для этого нужно будет нажать на кнопку "Настройки" после откроется ajax окно, где помимо основного цвета, будет еще 10, и выбранный вами фон будет сохранен в куки во общем советую всем!

Установка:

после <body> на нужных страницах

Code
<link id="dyncss" rel="stylesheet" type="text/css" href="http://webo4ka.ru/Ucoz4/vxod_dle_ucoz/beige/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://webo4ka.ru/Ucoz4/vxod_dle_ucoz/beige/css1.css\')" title="beige">beige</a><br> <a style="cursor:pointer;" onclick="setDynCSS(\'http://webo4ka.ru/Ucoz4/vxod_dle_ucoz/blue/css1.css\')" title="blue">blue</a><br> <a style="cursor:pointer;" onclick="setDynCSS(\'http://webo4ka.ru/Ucoz4/vxod_dle_ucoz/dark_grey/css1.css\')" title="dark_grey">dark_grey</a><br> <a style="cursor:pointer;" onclick="setDynCSS(\'http://webo4ka.ru/Ucoz4/vxod_dle_ucoz/green/css1.css\')" title="green">green</a><br> <a style="cursor:pointer;" onclick="setDynCSS(\'http://webo4ka.ru/Ucoz4/vxod_dle_ucoz/light_grey/css1.css\')" title="light_grey">light_grey</a><br> <a style="cursor:pointer;" onclick="setDynCSS(\'http://webo4ka.ru/Ucoz4/vxod_dle_ucoz/pink/css1.css\')" title="pink">pink</a><br> <a style="cursor:pointer;" onclick="setDynCSS(\'http://webo4ka.ru/Ucoz4/vxod_dle_ucoz/purple/css1.css\')" title="purple">purple</a><br> <a style="cursor:pointer;" onclick="setDynCSS(\'http://webo4ka.ru/Ucoz4/vxod_dle_ucoz/red/css1.css\')" title="red">red</a><br> <a style="cursor:pointer;" onclick="setDynCSS(\'http://webo4ka.ru/Ucoz4/vxod_dle_ucoz/webs-art/css1.css\')" title="webs-art">webs-art</a><br> <a style="cursor:pointer;" onclick="setDynCSS(\'http://webo4ka.ru/Ucoz4/vxod_dle_ucoz/webs-art2/css1.css\')" title="webs-art2">webs-art2</a><br> <a style="cursor:pointer;" onclick="setDynCSS(\'http://webo4ka.ru/Ucoz4/vxod_dle_ucoz/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
<?if($USER_LOGGED_IN$)?><?else?><a href="#webo4ka-vhod" name="modal" class="but_1"><span style="padding:0 18px 0 28px;">Вход</span></a><?endif?>


Далее ПУ\Управление дизайном\Пользователи\Форма входа пользователей удаляете всё от-туда и вставляете:

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>
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
Источник: http://webo4ka.ru/
  • Всего комментариев: 16

hunter9259
0
hunter9259 написал: Написано 26 Ноября 2012 в 11:35
Комментарий №16
В ie все искорежено!

Rus96
0
Rus96 написал: Написано 10 Ноября 2012 в 12:19
Комментарий №14
Народ, как мне переместить форму входа куда надо? На скрине все видно...

Handyman
0
Handyman написал: Написано 10 Ноября 2012 в 12:36
Комментарий №15
у тебя значит ошибка в коде или в шаблоне...

cHeRePaHa
0
cHeRePaHa написал: Написано 18 Июня 2012 в 14:07
Комментарий №13
У меня кнопка ВХОД отображается серым петном что мне делать ?

login
0
login написал: Написано 10 Февраля 2012 в 23:10
Комментарий №12
всё норм но тут проблема с ссылкой
<?if($USER_LOGGED_IN$)?><?else?><a href="#webo4ka-vhod" name="modal" class="but_1"><span style="padding:0 18px 0 28px;">Вход</span></a><?endif?>

поменяйте на
<?if($USER_LOGGED_IN$)?><?else?><a href="#webo4ka-vhod" name="modal" class="but_1">Вход</a><?endif?>
просто тег span создаёт пробелы

NiKiT0S
0
NiKiT0S написал: Написано 13 Января 2012 в 13:01
Комментарий №11

Predator
0
Predator написал: Написано 13 Января 2012 в 12:27
Комментарий №10
Все норм. Только при выключеии оперы профиль выходит с сайта

rayven
0
rayven написал: Написано 25 Декабря 2011 в 05:35
Комментарий №9
спс, отличный скрипт. +1

Только пришлось исправить чуток:
Code
[color=orange]<!-- ФОРМА ВХОДА -->[/color]  
  <div class="log-vhod">  
  <z style="float: left; width: 2[color=red]28[/color]px; position: absolute; margin: 16px 0 0 72px;">$LOGIN_FORM$</z>


Так у меня аккуратнее смотриттся, а то с "245" родными поле налазело на соседний блок.

BaniK
0
BaniK написал: Написано 16 Октября 2011 в 18:14
Комментарий №8
Перестало робити,робило все хорошо

DIMON_-_BEST
0
DIMON_-_BEST написал: Написано 13 Октября 2011 в 16:58
Комментарий №3
- что это?

Вовчик
0
Вовчик написал: Написано 13 Октября 2011 в 17:05
Комментарий №4
а откуда нам знать что ты там навертел, я проверял на трех тест сайтах, везде смотрится норм...

DIMON_-_BEST
0
DIMON_-_BEST написал: Написано 13 Октября 2011 в 20:15
Комментарий №5
я все ставил правильно, покажи на своем тест-сайте

Вовчик
0
Вовчик написал: Написано 13 Октября 2011 в 20:19
Комментарий №6

DIMON_-_BEST
0
DIMON_-_BEST написал: Написано 13 Октября 2011 в 20:28
Комментарий №7
блин.. почему у меня не работает?

zenitovic
0
zenitovic написал: Написано 12 Октября 2011 в 19:25
Комментарий №2
Класс! Для моего РФ портала как раз то что нужно!

renat99
0
renat99 написал: Написано 12 Октября 2011 в 18:48
Комментарий №1
Да...спасибо..большое. давно что то тип того-го! искал.ща поставлю на свой))))

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 24
Скрипты и модификации для Ucoz 2101
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
как поставить свою ссылку и логотип
  • Сатурн-1 написал:
  • Похвально.
  • Winston888 написал:
  • Я не говорил что делаю только скрипты. Я делаю шаблоны, скрипты, адаптации с разных движков под ucoz и на оборот + я ещё и сам рисую. В данный момент занимаюсь дизайном для webo4ka сам рисую сам верстаю.
  • Сатурн-1 написал:
  • Заметь, мы делаем почти одну и ту же работу.
    Ты - скрипты, я -шаблон. И каждый делает это бесплатно, НО
    ты делаешь скрипты без шаблона, я делаю шаблон без скриптов (не считая основных).
    Я тоже могу сказать что твои скрипты не идеальны, но не буду т.к. даже не знаю какие из всех существующих твои.
    Поэтому ты не сравнивай скрипты и шаблоны да еще и на Ucoz'e, мы же не на хакатоне каком нибудь.
  • Winston888 написал:
  • Если бы я не добавлял бесплатные адаптации или скрипты бесплатно я бы наверное не стал бы комментировать ваш материал.
    Последние темы
    Опрос
    204
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 2
    Гостей: 1
    Пользователей: 1
    0
    Сегодня были
    Топ пользователей: