FAQpk FAQpk.ru   Войти   Зарегистрироваться  


faqpk.ru
Компьютерный форум
С оплатой за сообщения



faqpk.ru

Страница 1 из 11
Компьютерный форум » Web-Мастер » Скрипты для сайта » Красивая форма входа для ucoz (Скрипты для ucoz)
Красивая форма входа для ucoz
Красивая форма входа для ucoz



Современный и симпатичный дизайн для формы входа. Скрипт формы входа использует красивую кнопку "Вход", необычные поля, а именно содержимое полей. Форма входа впишется под любой дизаин.

1. В ваш CSS:
П.У - Дизайн - Управлениие дизайном (CSS)
Code
/* ФОРМА ВХОДА  
   ===================================================*/   

   #forma_vxoda {   
   overflow: hidden;   
   width:250px;   
   margin: 10px 0px;   
   }   

   #vxod-1 {   
   float:left;   
   width:210px;   
   }   

   #vxod-2 {   
   float:left;   
   width:40px;   
   }   

   #vxod-3 {   
   float:left;   
   width:100%;   
   }   

   #vxod-4 {   
   float:left;   
   padding-left: 22px;   

   }   
   #vxod-5 {   
   float:right;   
   padding-right: 6px;   
   }   

   #vxod-4,   
   #vxod-5 {   
   font:11px Verdana,Arial,Helvetica, sans-serif;   
   }   

   .web_os,   
   .login_pass,   
   .login_email {   
   font:11px Verdana,Arial,Helvetica, sans-serif; color:#555;   
   width:198px;   
   border:1px solid #bebebe;   
   margin: 0px 0px 12px 0px;   
   background:#fff;   
   padding: 5px 5px 5px 5px;   
   }   

   .login_email {   
   background: url('http://www.faqpk.ru/images/script/1/fon_login_email.png') no-repeat center #fff;   
   }   

   .login_pass {   
   background: url('http://www.faqpk.ru/images/script/1/fon_login_pass.png') no-repeat center #fff;   
   }   

   .login_knopka {   
   width:30px;   
   height:62px;   
   border: 0;   
   background: url('http://www.faqpk.ru/images/script/1/fon_login_knopka.png') no-repeat top;   
   margin-left: 10px;   
   }   
   /* =================================================*/


2. В форму входа пользователей:
П.У - Дизайн - Управлениие дизайном - Форма входа пользователей.
Code
<div id="forma_vxoda">   
  <div id="vxod-1">   
  <input class="login_email" value="" onclick="this.className='web_os'" type="text" name="user" size="20" maxlength="50" />   
  <input class="login_pass" value="" onclick="this.className='web_os'" type="password" name="password" size="20" maxlength="15" />   
  </div>   
  <div id="vxod-2"><input class="login_knopka" name="sbm" type="submit" value=""/></div>   
  <div id="vxod-3">   
  <div id="vxod-4"><a href="#">Забыл пароль</a> | <a href="#">Регистрация</a></div>   
  <div id="vxod-5"><label for="rem$PAGE_ID$"></label><input id="rem$PAGE_ID$" type="checkbox" name="rem" value="1" checked="checked"/></div>   
  </div>   
  </div>


3. Туда где ходим видеть форму входа для ucoz:
Например, П.У - Дизайн - Управление дизайном - Первый или второй блок.
Code
<?if($LOGIN_FORM$)?><div id="forma_vxoda">$LOGIN_FORM$</div><?endif?>
Дата: Суббота, 23.06.2012. Сообщение # 1 Bro
Красивая форма входа для ucoz



Современный и симпатичный дизайн для формы входа. Скрипт формы входа использует красивую кнопку "Вход", необычные поля, а именно содержимое полей. Форма входа впишется под любой дизаин.

1. В ваш CSS:
П.У - Дизайн - Управлениие дизайном (CSS)
Code
/* ФОРМА ВХОДА  
   ===================================================*/   

   #forma_vxoda {   
   overflow: hidden;   
   width:250px;   
   margin: 10px 0px;   
   }   

   #vxod-1 {   
   float:left;   
   width:210px;   
   }   

   #vxod-2 {   
   float:left;   
   width:40px;   
   }   

   #vxod-3 {   
   float:left;   
   width:100%;   
   }   

   #vxod-4 {   
   float:left;   
   padding-left: 22px;   

   }   
   #vxod-5 {   
   float:right;   
   padding-right: 6px;   
   }   

   #vxod-4,   
   #vxod-5 {   
   font:11px Verdana,Arial,Helvetica, sans-serif;   
   }   

   .web_os,   
   .login_pass,   
   .login_email {   
   font:11px Verdana,Arial,Helvetica, sans-serif; color:#555;   
   width:198px;   
   border:1px solid #bebebe;   
   margin: 0px 0px 12px 0px;   
   background:#fff;   
   padding: 5px 5px 5px 5px;   
   }   

   .login_email {   
   background: url('http://www.faqpk.ru/images/script/1/fon_login_email.png') no-repeat center #fff;   
   }   

   .login_pass {   
   background: url('http://www.faqpk.ru/images/script/1/fon_login_pass.png') no-repeat center #fff;   
   }   

   .login_knopka {   
   width:30px;   
   height:62px;   
   border: 0;   
   background: url('http://www.faqpk.ru/images/script/1/fon_login_knopka.png') no-repeat top;   
   margin-left: 10px;   
   }   
   /* =================================================*/


2. В форму входа пользователей:
П.У - Дизайн - Управлениие дизайном - Форма входа пользователей.
Code
<div id="forma_vxoda">   
  <div id="vxod-1">   
  <input class="login_email" value="" onclick="this.className='web_os'" type="text" name="user" size="20" maxlength="50" />   
  <input class="login_pass" value="" onclick="this.className='web_os'" type="password" name="password" size="20" maxlength="15" />   
  </div>   
  <div id="vxod-2"><input class="login_knopka" name="sbm" type="submit" value=""/></div>   
  <div id="vxod-3">   
  <div id="vxod-4"><a href="#">Забыл пароль</a> | <a href="#">Регистрация</a></div>   
  <div id="vxod-5"><label for="rem$PAGE_ID$"></label><input id="rem$PAGE_ID$" type="checkbox" name="rem" value="1" checked="checked"/></div>   
  </div>   
  </div>


3. Туда где ходим видеть форму входа для ucoz:
Например, П.У - Дизайн - Управление дизайном - Первый или второй блок.
Code
<?if($LOGIN_FORM$)?><div id="forma_vxoda">$LOGIN_FORM$</div><?endif?>
Прикрепления: 2548657.png(8Kb)
Дмитрий Асмус (Bro)
Модератор
Сообщений: 198
Нет на сайте
    

 
Компьютерный форум » Web-Мастер » Скрипты для сайта » Красивая форма входа для ucoz (Скрипты для ucoz)
Страница 1 из 11
Поиск: