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


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



faqpk.ru

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



Форма входа для ucoz - Форма входа в стиле Counter-Strike
Очень красивая форма входа в тёмных тонах для любых тематик, наиболее шикарно будет смотреться на сайтах cs.

В CSS:
Code
/* Login and Search Styles */  
  div.username-bg {background: url('http://www.faqpk.ru/images/script/1/username-bg.png') no-repeat; width:167px; height:29px; padding: 0px 0px 0px 33px;margin-bottom: 6px;}  
  div.password-bg {background: url('http://www.faqpk.ru/images/script/1/password-bg.png') no-repeat; width:167px; height:29px; padding: 0px 0px 0px 33px;margin-bottom: 6px;}  
  input.login {background: none; vertical-align:middle; font-family: Arial; color: #959595; font-size: 13px; text-shadow: 0px 1px 0px #000000; text-transform: uppercase; border:none; outline:none;height:29px;}  
  input.submit {background: url('http://www.faqpk.ru/images/script/1/submit-btn.png') no-repeat; width:59px; height:27px; outline: none; border:none;}  
  input.submit:hover {background-position: 0px -27px;}  
  div.login-links {font-family: Arial; font-size: 12px; color: #656565; text-shadow: 0px 1px 0px #000000; text-align:center;}  
  div.login-links a {color: #656565;text-decoration:none;}  
  div.login-links a:visited {color: #656565;text-decoration:none;}  
  div.login-links a:active {color: #656565;text-decoration:none;}  
  div.login-links a:hover {color: #999999;text-decoration:none;}  
  div.search-bg {background: url('http://www.faqpk.ru/images/script/1/search-bg.png) no-repeat; width:197px; height:29px; padding: 0px 8px 0px 15px;margin-top:5px;}  
  input.search {background: none; vertical-align:middle; font-family: Arial; color: #959595; font-size: 13px; text-shadow: 0px 1px 0px #000000; text-transform: uppercase; border:none; outline:none;height:29px; width:100%;}  
  input.search-find {background: url('http://www.faqpk.ru/images/script/1/find-btn.png') no-repeat; width:14px; height:15px; outline: none; border:none;}  
  /* ------------- */


Туда где хотим видеть форму входа:
Code
<table border="0" cellpadding="0" cellspacing="0" class="boxTable">  
  <tr><td class="boxTitle">Форма входа</td></tr>  
  <tr><td class="boxContent"><div class="boxText"><div class="loginform">  
  <!-- <bc> -->  
  <script type="text/javascript">  
  sendFrm549899=function(){  
   var o=$('#frmLg549899')[0],pos=_uGetOffset(o),o2=$('#blk549899')[0];  
   document.body.insertBefore(o2,document.body.firstChild);  
   $(o2).css({top:(pos['top'])+'px',left:(pos['left'])+'px',width:o.offsetWidth+'px',height:o.offsetHeight+'px',display:''}).html('<div align="left" style="padding:5px;"><div class="myWinLoad"></div></div>');  
   _uPostForm('frmLg549899',{type:'POST',url:'/index/sub/',error:function() {  
   $('#blk549899').html('<div align="left" style="padding:10px;"><div class="myWinLoadSF" title="Невозможно выполнить запрос, попробуйте позже"></div></div>');  
   _uWnd.alert('<div class="myWinError">Невозможно выполнить запрос, попробуйте позже</div>','',{w:250,h:90,tm:3000,pad:'15px'});  
   setTimeout("$('#blk549899').css('display','none');",'1500');  
   }  
   });  
  }  
  </script>  
  <div id="blk549899" style="border:1px solid #CCCCCC;position:absolute;z-index:82;background:url('http://s45.ucoz.net/img/fr/g.gif');display:none;"></div><form id="frmLg549899" action="/index/sub/" method="post" style="margin:0" onsubmit="sendFrm549899();return false;">  
  <table border="0" cellspacing="0" cellpadding="0" width="100%" align="center">   
  <tr><td><div class="username-bg"><input class="login" onblur="if (value == '') {value = 'USERNAME...'}" onfocus="if (value == 'USERNAME...') {value =''}" value="USERNAME..." type="text" name="user" value="" maxlength="50"/></div></td></tr>  
  <tr><td><div class="password-bg"><input class="login" onblur="if (value == '') {value = 'PASSWORD...'}" onfocus="if (value == 'PASSWORD...') {value =''}" value="PASSWORD..." type="password" name="password" maxlength="15"/></div></td></tr>  
  </table><table border="0" cellspacing="0" cellpadding="0" width="180px" align="center">  
  <tr><td nowrap><input id="remsitePage1" type="checkbox" name="rem" value="1" checked="checked"/><label for="remsitePage1">запомнить</label><td align="right" valign="top"><input class="submit" name="sbm" type="submit" value="" style="cursor:pointer;"/></td></tr>  
  <tr><td colspan="2"><div class="login-links"><a href="javascript://" rel="nofollow" onclick="new _uWnd('Prm','Напоминание пароля',300,130,{autosize:1,closeonesc:1},{url:'/index/5'});return false;">Забыл пароль</a> | <a href="/index/3">Регистрация</a></div></td></tr>  
  </table><input type="hidden" name="a" value="2" /><input type="hidden" name="ajax" value="1" /><input type="hidden" name="rnd" value="309" />  
  </form></div><input type="hidden" name="a" value="2" /><input type="hidden" name="ajax" value="1" /><input type="hidden" name="rnd" value="899" /></form><!-- </bc> -->  
  </div></td></tr><tr><td class="boxBottom">  
  </td></tr></table>  
  </div>
Дата: Понедельник, 25.06.2012. Сообщение # 1 Bro
Форма входа для ucoz в стиле cs



Форма входа для ucoz - Форма входа в стиле Counter-Strike
Очень красивая форма входа в тёмных тонах для любых тематик, наиболее шикарно будет смотреться на сайтах cs.

В CSS:
Code
/* Login and Search Styles */  
  div.username-bg {background: url('http://www.faqpk.ru/images/script/1/username-bg.png') no-repeat; width:167px; height:29px; padding: 0px 0px 0px 33px;margin-bottom: 6px;}  
  div.password-bg {background: url('http://www.faqpk.ru/images/script/1/password-bg.png') no-repeat; width:167px; height:29px; padding: 0px 0px 0px 33px;margin-bottom: 6px;}  
  input.login {background: none; vertical-align:middle; font-family: Arial; color: #959595; font-size: 13px; text-shadow: 0px 1px 0px #000000; text-transform: uppercase; border:none; outline:none;height:29px;}  
  input.submit {background: url('http://www.faqpk.ru/images/script/1/submit-btn.png') no-repeat; width:59px; height:27px; outline: none; border:none;}  
  input.submit:hover {background-position: 0px -27px;}  
  div.login-links {font-family: Arial; font-size: 12px; color: #656565; text-shadow: 0px 1px 0px #000000; text-align:center;}  
  div.login-links a {color: #656565;text-decoration:none;}  
  div.login-links a:visited {color: #656565;text-decoration:none;}  
  div.login-links a:active {color: #656565;text-decoration:none;}  
  div.login-links a:hover {color: #999999;text-decoration:none;}  
  div.search-bg {background: url('http://www.faqpk.ru/images/script/1/search-bg.png) no-repeat; width:197px; height:29px; padding: 0px 8px 0px 15px;margin-top:5px;}  
  input.search {background: none; vertical-align:middle; font-family: Arial; color: #959595; font-size: 13px; text-shadow: 0px 1px 0px #000000; text-transform: uppercase; border:none; outline:none;height:29px; width:100%;}  
  input.search-find {background: url('http://www.faqpk.ru/images/script/1/find-btn.png') no-repeat; width:14px; height:15px; outline: none; border:none;}  
  /* ------------- */


Туда где хотим видеть форму входа:
Code
<table border="0" cellpadding="0" cellspacing="0" class="boxTable">  
  <tr><td class="boxTitle">Форма входа</td></tr>  
  <tr><td class="boxContent"><div class="boxText"><div class="loginform">  
  <!-- <bc> -->  
  <script type="text/javascript">  
  sendFrm549899=function(){  
   var o=$('#frmLg549899')[0],pos=_uGetOffset(o),o2=$('#blk549899')[0];  
   document.body.insertBefore(o2,document.body.firstChild);  
   $(o2).css({top:(pos['top'])+'px',left:(pos['left'])+'px',width:o.offsetWidth+'px',height:o.offsetHeight+'px',display:''}).html('<div align="left" style="padding:5px;"><div class="myWinLoad"></div></div>');  
   _uPostForm('frmLg549899',{type:'POST',url:'/index/sub/',error:function() {  
   $('#blk549899').html('<div align="left" style="padding:10px;"><div class="myWinLoadSF" title="Невозможно выполнить запрос, попробуйте позже"></div></div>');  
   _uWnd.alert('<div class="myWinError">Невозможно выполнить запрос, попробуйте позже</div>','',{w:250,h:90,tm:3000,pad:'15px'});  
   setTimeout("$('#blk549899').css('display','none');",'1500');  
   }  
   });  
  }  
  </script>  
  <div id="blk549899" style="border:1px solid #CCCCCC;position:absolute;z-index:82;background:url('http://s45.ucoz.net/img/fr/g.gif');display:none;"></div><form id="frmLg549899" action="/index/sub/" method="post" style="margin:0" onsubmit="sendFrm549899();return false;">  
  <table border="0" cellspacing="0" cellpadding="0" width="100%" align="center">   
  <tr><td><div class="username-bg"><input class="login" onblur="if (value == '') {value = 'USERNAME...'}" onfocus="if (value == 'USERNAME...') {value =''}" value="USERNAME..." type="text" name="user" value="" maxlength="50"/></div></td></tr>  
  <tr><td><div class="password-bg"><input class="login" onblur="if (value == '') {value = 'PASSWORD...'}" onfocus="if (value == 'PASSWORD...') {value =''}" value="PASSWORD..." type="password" name="password" maxlength="15"/></div></td></tr>  
  </table><table border="0" cellspacing="0" cellpadding="0" width="180px" align="center">  
  <tr><td nowrap><input id="remsitePage1" type="checkbox" name="rem" value="1" checked="checked"/><label for="remsitePage1">запомнить</label><td align="right" valign="top"><input class="submit" name="sbm" type="submit" value="" style="cursor:pointer;"/></td></tr>  
  <tr><td colspan="2"><div class="login-links"><a href="javascript://" rel="nofollow" onclick="new _uWnd('Prm','Напоминание пароля',300,130,{autosize:1,closeonesc:1},{url:'/index/5'});return false;">Забыл пароль</a> | <a href="/index/3">Регистрация</a></div></td></tr>  
  </table><input type="hidden" name="a" value="2" /><input type="hidden" name="ajax" value="1" /><input type="hidden" name="rnd" value="309" />  
  </form></div><input type="hidden" name="a" value="2" /><input type="hidden" name="ajax" value="1" /><input type="hidden" name="rnd" value="899" /></form><!-- </bc> -->  
  </div></td></tr><tr><td class="boxBottom">  
  </td></tr></table>  
  </div>
Прикрепления: 7754277.png(7Kb)
Дмитрий Асмус (Bro)
Модератор
Сообщений: 198
Нет на сайте
    

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