06.12.2012, 01:57 | |||||
Форма входа от Артема МалковаВот решил выложить очередную работку. Данная форма является простым html кодом, и поставив на сайт она ничего делать не будет, кроме того как красоваться) Для системы uCoz сделаю через пару дней. Это css Code .user{font-family:Myriad Pro;font-size: 16px;color:#bfbfbf;text-shadow: 0 -1px 0px rgba(18, 18, 18, 1);} .sd{background: #1d1d1d; background: -moz-linear-gradient(top, #1d1d1d 0%, #050505 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1d1d1d), color-stop(100%,#050505)); background: -webkit-linear-gradient(top, #1d1d1d 0%,#050505 100%); background: -o-linear-gradient(top, #1d1d1d 0%,#050505 100%); background: -ms-linear-gradient(top, #1d1d1d 0%,#050505 100%); background: linear-gradient(to bottom, #1d1d1d 0%,#050505 100%); box-shadow:0 0 0 1px #070707;border-top:1px solid #373737;border-right:1px solid #373737;border-left:1px solid #373737; border-radius:4px 4px 0 0;} .weplace_knopka { background: #34a296; background: -moz-linear-gradient(top, #34a296 0%, #30988a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#34a296), color-stop(100%,#30988a)); background: -webkit-linear-gradient(top, #34a296 0%,#30988a 100%); background: -o-linear-gradient(top, #34a296 0%,#30988a 100%); background: -ms-linear-gradient(top, #34a296 0%,#30988a 100%); background: linear-gradient(to bottom, #34a296 0%,#30988a 100%); font-family:Myriad Pro;font-size: 15px;color:#fff;text-shadow: 0 -1px 0px rgba(20, 101, 81, 1); border-radius:4px 4px 4px 4px; border-top:1px solid #4eb2a8} .weplace_knopka:hover { background: #34a296; background: -moz-linear-gradient(top, #34a296 0%, #278679 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#34a296), color-stop(100%,#278679)); background: -webkit-linear-gradient(top, #34a296 0%,#278679 100%); background: -o-linear-gradient(top, #34a296 0%,#278679 100%); background: -ms-linear-gradient(top, #34a296 0%,#278679 100%); background: linear-gradient(to bottom, #34a296 0%,#278679 100%); font-family:Myriad Pro;font-size: 15px;color:#fff;text-shadow: 0 -1px 0px rgba(20, 101, 81, 1); border-radius:4px 4px 4px 4px; border-top:1px solid #4eb2a8} .help_we-place {font-size: 10px;color:#545454;text-shadow: 0 -1px 0px rgba(20,20, 20, 1);} Это html Code <center> <div style="box-shadow: 0 3px 4px rgba(0, 0, 0, 0.6);border-radius: 4px 4px 4px 4px;width:304px;"> <table width="100%" cellspacing="0"> <tr> <td align=center> <div style="width:300px;height:45px;" class="sd"> <div style="padding-top:15px"> <font class="user">User Login</font> </div> </div></td> </tr> <tr> <td align=center> <div style="border-radius:0 0 4px 4px;box-shadow:0 0 0 1px #070707;border:1px solid #373737;width:300px;height:245px;background: url('/weplacefon.jpg')" class="sfd"> <div style="height:30px;"></div><div style="border-bottom:1px solid #353535;border-top:1px solid #0f0f0f;border-right:1px solid #0f0f0f;border-left:1px solid #0f0f0f;width:240px;border-radius:4px 4px 4px 4px;"> <div style="position:absolute;padding-top:9px;padding-left:9px;"> <img src="/log_weplace.png"></div> <input style="color:#545454;text-shadow: 0 -1px 0px rgba(20,20, 20, 1);border-bottom:1px solid #0b0b0b;border-top:0;border-left:0;border-right:0;height:40px;width:240px;-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;padding-left:32px;box-shadow: inset 0px 2px 2px rgba(0,0,0,0.2);background:#141414;" value="Login" onfocus="if(this.value=='Login')this.value=''" onblur="if(this.value=='')this.value='Login'" type="text"> <div style="position:absolute;padding-top:13px;padding-left:9px;"> <img src="/key-weplace.png"></div> <input style="color:#545454;text-shadow: 0 -1px 0px rgba(20,20, 20, 1);border-bottom:0;border-top:1px solid #191919;border-left:0;border-right:0;height:40px;width:240px;-moz-border-radius:0 0 4px 4px;-webkit-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;padding-left:32px;box-shadow: inset 0px -1px 2px rgba(0,0,0,0.2);background:#141414;" value="pass" onfocus="if(this.value=='pass')this.value=''" onblur="if(this.value=='')this.value='pass'" type="password"> </div> <div style="padding-top:19px;padding-bottom:22px;"> <table width="240" cellspacing="0"><tr><td> <input type="checkbox" name="rem" value="1" checked="checked"/> <font class="help_we-place">merken</font> </td><td align=right> <div class="help_we-place">passwort vergessen?<br>registrierung</div> </td></tr></table> </div> <div style="width:242px;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);border-radius:4px 4px 4px 4px;"> <div class="weplace_knopka"> <div style="padding-top:9px;padding-bottom:9px;">Sign In</div></div> </div> </div></td> </tr> </table> </div> </center> Материал взят с сайта infoscript.ru
Теги: Скачать Форма входа от Артема Малкова
| |||||
Категория: Скрипты uCoz | Просмотров: 2219 | Добавил: frenkmalcov | Рейтинг: 5.0/2 | | |||||
Теги: |
Всего комментариев: 1 | ||||||
|
Кроме того, материал перепечатывали с сайта на сайт, ставили... файл можно найти на Вэбочке (название tables_tablichki_dli_foruma.js).