Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 18.118.253.124
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
Форум общения - Logical-portal » Урна » Собрание скриптов uCoz » Форма входа, простая светлая предназначена для авторизации
Форма входа, простая светлая предназначена для авторизации
Сообщение оставлено 04.02.2012 в 22:49:14 | Сообщение #1
172
Скрин: http://s018.radikal.ru/i507/1202/47/d741fbd39073.jpg

Форма, простая светлая предназначена для авторизации изготовлена из действий адптация с DLE для Ucoz. Оригинальная страница входа пользователей uCoz.

Установка:
ПУ - Пользователи - Страница входа пользователей, удаляете все оттуда и заменяете этим кодом:

Code
<html>    
   <head>    
   <title>Страница входа</title>    
   <style>   
   /*--------------------*/   
   #login   
   {   
    background-color: #fff;   
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));   
    background-image: -webkit-linear-gradient(top, #fff, #eee);   
    background-image: -moz-linear-gradient(top, #fff, #eee);   
    background-image: -ms-linear-gradient(top, #fff, #eee);   
    background-image: -o-linear-gradient(top, #fff, #eee);   
    background-image: linear-gradient(top, #fff, #eee);    
    height: 240px;   
    width: 400px;   
    margin: -150px 0 0 -230px;   
    padding: 30px;   
    position: absolute;   
    top: 50%;   
    left: 50%;   
    z-index: 0;   
    -moz-border-radius: 3px;   
    -webkit-border-radius: 3px;   
    border-radius: 3px;    
    -webkit-box-shadow:   
   ; 0 0 2px rgba(0, 0, 0, 0.2),   
    0 1px 1px rgba(0, 0, 0, .2),   
    0 3px 0 #fff,   
    0 4px 0 rgba(0, 0, 0, .2),   
    0 6px 0 #fff,    
    0 7px 0 rgba(0, 0, 0, .2);   

    -moz-box-shadow:   
   ; 0 0 2px rgba(0, 0, 0, 0.2),    
    1px 1px 0 rgba(0, 0, 0, .1),   
    3px 3px 0 rgba(255, 255, 255, 1),   
    4px 4px 0 rgba(0, 0, 0, .1),   
    6px 6px 0 rgba(255, 255, 255, 1),    
    7px 7px 0 rgba(0, 0, 0, .1);   

    box-shadow:   
   ; 0 0 2px rgba(0, 0, 0, 0.2),    
    0 1px 1px rgba(0, 0, 0, .2),   
    0 3px 0 #fff,   
    0 4px 0 rgba(0, 0, 0, .2),   
    0 6px 0 #fff,    
    0 7px 0 rgba(0, 0, 0, .2);   

   }   

   #login:before   

   {   

    content: '';   
    position: absolute;   
    z-index: -1;   
    border: 1px dashed #ccc;   
    top: 5px;   
    bottom: 5px;   
    left: 5px;   
    right: 5px;   
    -moz-box-shadow: 0 0 0 1px #fff;   
    -webkit-box-shadow: 0 0 0 1px #fff;   
    box-shadow: 0 0 0 1px #fff;   

   }   
   /*--------------------*/   

   h1   

   {   

    text-shadow: 0 1px 0 rgba(255, 255, 255, .7), 0px 2px 0 rgba(0, 0, 0, .5);   
    text-transform: uppercase;   
    text-align: center;   
    color: #666;   
    margin: 0 0 30px 0;   
    letter-spacing: 4px;   
    font: normal 26px/1 Verdana, Helvetica;   
    position: relative;   

   }   

   h1:after, h1:before   

   {   

    background-color: #777;   
    content: "";   
    height: 1px;   
    position: absolute;   
    top: 15px;   
    width: 120px;    

   }   

   h1:after   

   {    

    background-image: -webkit-gradient(linear, left top, right top, from(#777), to(#fff));   
    background-image: -webkit-linear-gradient(left, #777, #fff);   
    background-image: -moz-linear-gradient(left, #777, #fff);   
    background-image: -ms-linear-gradient(left, #777, #fff);   
    background-image: -o-linear-gradient(left, #777, #fff);   
    background-image: linear-gradient(left, #777, #fff);    
    right: 0;   

   }   

   h1:before   

   {   

    background-image: -webkit-gradient(linear, right top, left top, from(#777), to(#fff));   
    background-image: -webkit-linear-gradient(right, #777, #fff);   
    background-image: -moz-linear-gradient(right, #777, #fff);   
    background-image: -ms-linear-gradient(right, #777, #fff);   
    background-image: -o-linear-gradient(right, #777, #fff);   
    background-image: linear-gradient(right, #777, #fff);   
    left: 0;   

   }   
   /*--------------------*/   
   fieldset   

   {   

    border: 0;   
    padding: 0;   
    margin: 0;   

   }   

   /*--------------------*/   

   #inputs input   

   {   
    background: #f1f1f1 url(http://ripbox.do.am/lesson/login-sprite.png) no-repeat;   
    padding: 15px 15px 15px 30px;   
    margin: 0 0 10px 0;   
    width: 353px; /* 353 + 2 + 45 = 400 */   
    border: 1px solid #ccc;   
    -moz-border-radius: 5px;   
    -webkit-border-radius: 5px;   
    border-radius: 5px;   
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;   
    -webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;   
    box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;   

   }   

   #username   

   {   
    background-position: 5px -2px !important;   
   }   

   #password   

   {   

    background-position: 5px -52px !important;   

   }   

   #inputs input:focus   

   {   

    background-color: #fff;   
    border-color: #e8c291;   
    outline: none;   
    -moz-box-shadow: 0 0 0 1px #e8c291 inset;   
    -webkit-box-shadow: 0 0 0 1px #e8c291 inset;   
    box-shadow: 0 0 0 1px #e8c291 inset;   

   }   

   /*--------------------*/   

   #actions   

   {   

    margin: 25px 0 0 0;   

   }   

   #submit   

   {    

    background-color: #ffb94b;   
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fddb6f), to(#ffb94b));   
    background-image: -webkit-linear-gradient(top, #fddb6f, #ffb94b);   
    background-image: -moz-linear-gradient(top, #fddb6f, #ffb94b);   
    background-image: -ms-linear-gradient(top, #fddb6f, #ffb94b);   
    background-image: -o-linear-gradient(top, #fddb6f, #ffb94b);   
    background-image: linear-gradient(top, #fddb6f, #ffb94b);   
    -moz-border-radius: 3px;   
    -webkit-border-radius: 3px;   
    border-radius: 3px;   
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);   
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;   
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;   
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;    
    border-width: 1px;   
    border-style: solid;   
    border-color: #d69e31 #e3a037 #d5982d #e3a037;   
    float: left;   
    height: 35px;   
    padding: 0;   
    width: 120px;   
    cursor: pointer;   
    font: bold 15px Arial, Helvetica;   
    color: #8f5a0a;   

   }   

   #submit:hover,#submit:focus   

   {    

    background-color: #fddb6f;   
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffb94b), to(#fddb6f));   
    background-image: -webkit-linear-gradient(top, #ffb94b, #fddb6f);   
    background-image: -moz-linear-gradient(top, #ffb94b, #fddb6f);   
    background-image: -ms-linear-gradient(top, #ffb94b, #fddb6f);   
    background-image: -o-linear-gradient(top, #ffb94b, #fddb6f);   
    background-image: linear-gradient(top, #ffb94b, #fddb6f);   

   }    

   #submit:active   

   {    

    outline: none;   
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;   
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;   
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;    

   }   

   #submit::-moz-focus-inner   

   {   
    border: none;   
   }   
   #actions a   
   {   
    color: #3151A2;    
    float: right;   
    line-height: 35px;   
    margin-left: 10px;   
   }   

   /*--------------------*/   

   #back   
   {   
    display: block;   
    text-align: center;   
    position: relative;   
    top: 60px;   
    color: #999;   
   }   
   </style>    

   </head>    
   <body>    
   $BODY$    
   <span id="back">$POWERED_BY$</span>    
   </body>    
   </html>


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

Code
<div id="login">    
    <h1>Вход</h1>    
    <fieldset id="inputs">    
    <input id="username" type="text" name="user" placeholder="Логин" autofocus required>   
    <input id="password" type="password" name="password" placeholder="Пароль" required>    
    </fieldset>    
    <fieldset id="actions">    
    <input name="sbm" type="submit" id="submit" value="Войти">
    <a href="$REMINDER_LINK$">Забыли пароль</a><a href="$REGISTER_LINK$">Зарегистрироваться</a>    
   </fieldset>
 
 
   
Сообщение оставлено 05.02.2012 в 02:28:17 | Сообщение #2
очищено от iframe троянов.
 
 
   
Сообщение оставлено 08.02.2012 в 00:22:03 | Сообщение #3
очень красивая, себе поставил, спс
 

 
   
Сообщение оставлено 08.02.2012 в 07:16:45 | Сообщение #4
Красивая форма, не много переделал и поставил=)
 
 
   
Сообщение оставлено 08.02.2012 в 07:54:42 | Сообщение #5
Красиваю, заберу
 
И так каждый день. Минус день. Минус день
 
   
Сообщение оставлено 08.02.2012 в 11:02:19 | Сообщение #6
2pacbest, Отличная форма входа! +1 автору
 
Мой прошлый ник - DuGGes
Вначале прочти правильно, а потом уже возмущайся © Domby or DuGGes
 
   
Сообщение оставлено 08.02.2012 в 11:14:45 | Сообщение #7
Красивая форма супер спс!
 
 
   
Сообщение оставлено 08.02.2012 в 12:33:21 | Сообщение #8
Взял
 
 
   
Сообщение оставлено 08.02.2012 в 13:52:28 | Сообщение #9
реально красота
 
 
   
Сообщение оставлено 08.02.2012 в 23:54:24 | Сообщение #10
Видно что автор постарался на славу
 
 
   
Сообщение оставлено 10.02.2012 в 07:21:37 | Сообщение #11
555
Отличная форма входа!
 
Хочу 150 постов для смены ника...
 
   
Форум общения - Logical-portal » Урна » Собрание скриптов uCoz » Форма входа, простая светлая предназначена для авторизации
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика