Отдельная страница входа | Separate login page
Распечатать

Отдельная страница входа | Separate login page 2.0

Отдельная страница входа | Separate login page Артем Малков, Дмитрий Калинник" />

Данная страница входа активно использовалась с 2012 года и все еще не утратила своей функциональности. С ее помощью вы сможете интегрировать на свой сайт отдельную страницу для авторизации в системе uCoz, после чего станет доступно содержимое самого портала.

 
Что было подправлено в то время:
  • Картинки не были установлены на нужном уровне, теперь всё ровненько.
  • В старой версии менялось много деталей сразу на всех, в этой версии ничего не изменится кроме формы входа.
  • И самое главное после входа на сайт пользователь оставался на той же странице, теперь по другому.
 
Установка:
1. Заходим в пу - дизайн - управление дизайном - редактор страниц - страницы сайта, и проводим такую манипуляцию:
* Сначала перед вашим html кодом ставим:
"0")?>
* Далее ставим код:
<html><head><title>Добро пожаловать!</title><style>  
  body {background:#000 url('//gig-life.ru/s/web/uCoz/Profiles/2/fonwp.png') }  
  .glweplace {width:486px;height:<;?if($USER_AGENT$=='opera')?>349px352px;background:#44301c;border:1px solid #6a4c2e; border-radius:9px;  
  -moz-border-radius:9px;  
  -webkit-border-radius:9px;text-align:left;}  
  .glweplace1 {background:#a89984;border:1px solid #ede4d8;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;  
  -webkit-border-radius:2px;height:333px<;?else?>height:336px<;?endif?>}  
  .glweplace2 {background:#f3f3ec url('//gig-life.ru/s/web/uCoz/Profiles/2/fon1.png');height:328 }  
  .loginField{width:207px;border:1px solid #c8c8ae;height:24px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;  
  background: -moz-linear-gradient(top, #e5e5e5, #ffffff);  
  background: -webkit-gradient(linear, left top, left bottom, ;  
  color-stop(0%,#e5e5e5), color-stop(100%,#ffffff));  
  background: -webkit-linear-gradient(top, #e5e5e5, #ffffff);  
  background: -o-linear-gradient(top, #e5e5e5, #ffffff);  
  background: -ms-linear-gradient(top, #e5e5e5, #ffffff);  
  background: linear-gradient(top, #e5e5e5, #ffffff);}  
  .daweplace {width:205px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;font-size: 12px;  
  background: -moz-linear-gradient(top, #92d251, #74b337);  
  background: -webkit-gradient(linear, left top, left bottom, ;  
  color-stop(0%,#92d251), color-stop(100%,#74b337));  
  background: -webkit-linear-gradient(top, #92d251, #74b337);  
  background: -o-linear-gradient(top, #92d251, #74b337);  
  background: -ms-linear-gradient(top, #92d251, #74b337);  
  background: linear-gradient(top, #92d251, #74b337);box-shadow:0 0 0 1px #679426;border-top:1px solid #ddf78c;color:#305118;text-shadow:0 1px #b3dfa0;}  
  .daweplace:hover {width:205px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;font-size: 12px;  
  background: -moz-linear-gradient(top, #9cdc5b, #74b337);  
  background: -webkit-gradient(linear, left top, left bottom, ;  
  color-stop(0%,#9cdc5b), color-stop(100%,#74b337));  
  background: -webkit-linear-gradient(top, #9cdc5b, #74b337);  
  background: -o-linear-gradient(top, #9cdc5b, #74b337);  
  background: -ms-linear-gradient(top, #9cdc5b, #74b337);  
  background: linear-gradient(top, #9cdc5b, #74b337);box-shadow:0 0 0 1px #679426;border-top:1px solid #ddf78c;color:#305118;text-shadow:0 1px #b3dfa0;}  
  A.wp:Hover {text-decoration: underline;color:#666}  
  A.wp {text-decoration: none;color:#666;margin-bottom:4px;}  
  #content {  
  position: absolute;  
  top: 50%;  
  margin-top : -173px; left: 50%;margin-left: -244px;  
  }</style></head>  
  <body>  
  <div id="content">  
  <div class="glweplace" style="box-shadow: 0 0px 20px rgba(0, 0, 0, 0.6);"><div style="padding:7px;">  
  <div class="glweplace1"><div style="padding:4px;"><div class="glweplace2">  
  <table border="0" width="100%" cellspacing="0" cellpadding="0"><tr>  
  <td width="225"><div style="position:absolute;z-index:4;margin-top:-75px;margin-left:-11px;"><img src="//gig-life.ru/s/web/uCoz/Profiles/2/albomweplace.png"></div></td>  
  <td width="211"><div style="padding-top:24px;padding-right:24px;"><b style="color:#b4591c;font-family: arial;font-size: 18px;text-shadow:0 1px #fff;">Добро пожаловать в место, где собираются только лучшие игроки!</b>  
  <div style="color:#212121;font-family: tahoma;font-size: 10px;padding-top:22px;padding-bottom:23px;">Это то место, где вы сможете поделиться своим опытом с другими, не мало важными людьми, связавшими свою жизнь с компьютерными играми.</div>  
  $LOGIN_FORM$<script type="text/jаvascript">$(".noun").click();</script>  
  <div style="position:absolute;margin-left:-277px;margin-top:25px;z-index:1"><img src="//gig-life.ru/s/web/uCoz/Profiles/2/polkaweplace.png"></div>  
  <div style="position:absolute;z-index:4;margin-left:-241px;margin-top:58px;color:#efad6e;font-size:10px;"><table border="0" width="100%" cellspacing="0" cellpadding="0"><tbody><tr><td><a href="/index/3" style="color:#efad6e;font-size: 10px;" class="wp">Регистрация</a> <a href="" class="weplacs" style="color:#efad6e;font-size: 10px;"> Напомнить пароль</a><a href="//gig-life.ru" title="Лучший помощник по uCoz'у" style="color:#efad6e;font-size: 10px;margin-left:150px;" class="wp">GiG-LiFe.RU</a> & <a href="//gigabytes.clan.su" title="Огромный выбор Рабочих шаблонов" style="color:#efad6e;font-size: 10px;margin-left:0px;" class="wp">GiGabYtes.Clan.Su</a> </td></tr></tbody></table></div>
  </div></td></tr></table>  
  </div></div></div>  
  </div></div>  
  </div></body></html><?endif?>
 
В результате у вас должно получиться так:
"0")?>ЗДЕСЬ ВАШ КОД УЖЕ УСТАНОВЛЕННЫЙ Здесь Мой код который приведен выше
 
2. Теперь нам нужно установить форму, но так как я использовал стандартную форму от uCoz то изменений у меня особых не было, но если вы пользуетесь другой формой входа, чаще всего она используется при локальных пользователях, (email - пароль) то тогда устанавливаем вот этот код (возможно придется немного подредактировать)
 
Заходим в пу - дизайн - управление дизайном - пользователи - форма входа, и заменяем все на это:
<div style="border-bottom:1px solid #fdfdfb;width:207px;"><input class="loginField" type="text" name="user" value="" size="20" style="width:100%;" maxlength="50" value="E-mail" onfocus="if(this.value=='E-mail')this.value=''" onblur="if(this.value=='')this.value='E-mail'"></div>  
  <div style="padding-top:12px;padding-bottom:25px;border-bottom:1px solid #fdfdfb;width:207px;"><input class="loginField" type="password" name="password" size="20" style="width:100%" maxlength="15" value="Пароль..." onfocus="if(this.value=='Пароль...')this.value=''" onblur="if(this.value=='')this.value='Пароль...'"></div>  
  <div style="position:absolute;z-index:4"><div style="box-shadow: 0 0px 20px rgba(0, 0, 0, 0.5);width:205px;margin-left:1px;"><a href="jаvascript://" onclick="weplace();" style="text-decoration:none;"><div class="daweplace"><b><div style="height:26px;text-align:center"><div style="padding-top:5px;">Да, Я лучший!</div></div></b></div></a></div></div>  
  <input class="loginButton" name="sbm" type="submit" value="Вход"/>  
  <a href="$REMINDER_LINK$" class="weplacs" style="display:none"> Напомнить пароль</a>  
  <script>  
  function weplace() {$('.loginButton').click()}  
  function weplacef() {$('.weplacs').click()}  
  </script>

Раздел: uCoz и uCit

Категория: uCoz Скрипты

Кодировка: utf-8

Автор: Артем Малков, Дмитрий Калинник

Опубликовал: Дмитрий


Подождите, сейчас файл будет подготовлен, через
секунд Вы получите ссылку на скачивание,
а сейчас может Зарегистрируемся? wink это быстро!

Имя:*
E-Mail:
Кликните на изображение чтобы обновить код, если он неразборчив


Реклама

Copyright © 2023 | Проект GiG-LiFe.ru
Материалы на этом сайте взяты из общедоступных источников и могут быть удалены по просьбе авторов, при наличии доказательства авторства.
Materials on this site are taken from public sources and may be deleted at the request of their authors when there is evidence of authorship.