Название:
Страница входа от Артема Малкова [Отредактирована]
Категория:
Формы входа
Раздел:
uCoz - Скрипты
Просмотров:
 3298
Автор:
Артем Малков, Дмитрий
Добавил:
Дмитрий
Комментов:
0
Добавленно:
  12.10.2014 в 11:59
Теги:
от, входа, страница, Малкова, Артема, Отредактирована
Рейтинг:
Игровая индустрия
Программирование
Photoshop
uCoz
Персональный компьютер
Форум
Онлайн сервисы

Последнее на форуме

  • Low-Riders
  • Гаппи
  • Скрипт Часов
    • Перейти на форум

    Последние материалы

  • Skyrim — Усиление безжалостной силы
  • [FS] Mine Sweeper
  • "Прелестные туфли" / Charming High Heels for CBBE HDT
    • Перейти к файлам

    Последние статьи

  • Как загрузиться в безопасном режиме в Windows 8
  • Устраняем "глюки" в Windows 7
  • Интеграция SP1 в установочный ISO-образ Windows 7
    • Перейти к статьям

    Страница входа от Артема Малкова [Отредактирована]

    Измененная страница входа на игровую тему со своей формой входа, дизайном и картинками

    Это старая страница входа еще с 2012 года но она переделана мной. 


    Что я подправил: 


    • Картинки не были установлены на нужном уровне
    • И самое главное после входа на сайт пользователь оставался на той же странице, теперь по другому.

    Перед началом установки хочу сказать вам то, что в старой версии менялось много деталей сразу на всех, в этой версии ничего не изменится кроме формы входа

    Установка:
    1. Заходим в пу - дизайн - управление дизайном - редактор страниц - страницы сайта, и проводим такую манипуляцию:
    * Сначала перед вашим html кодом ставим "0")?>
    * Далее ставим
    * Теперь вставляем код:

    Код
    <html><head><title>Добро пожаловать!</title><style>  
      body {background:#000 url('http://gigabytes.clan.su/load-ucoz/skripts/vxod/1/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('http://gigabytes.clan.su/load-ucoz/skripts/vxod/1/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="http://gigabytes.clan.su/load-ucoz/skripts/vxod/1/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/javascript">$(".noun").click();</script>  
      <div style="position:absolute;margin-left:-277px;margin-top:25px;z-index:1"><img src="http://gigabytes.clan.su/load-ucoz/skripts/vxod/1/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="http://www.gig-pro.ru" title="Лучший помощник по uCoz'у" style="color:#efad6e;font-size: 10px;margin-left:150px;" class="wp">GiG-PRO.RU</a> & <a href="http://www.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="javascript://" 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>

    Вот и все, наслаждаемся :), а и еще, никто не сможет просматривать странички на сайте пока не войдет на него или не зарегистрируется.
    Игровая шапка Counter...
    Кисть для фотошопа - ...
    Иконки групп
    Шаблон Game point uco...
    Подождите немного, сейчас файл будет подготовлен, через
    		 секунд Вы получите ссылку на скачивание.

    Зарегистрированные пользователи уже качают в то время как вы ожидаете 16 секунд.
    Всего комментариев: Комментариев нет , Но вы можете написать первым
    Войдите:
    avatar