MaxRom | Scripturi uCoz Romania

Bannerul tau aici
[ Mesaje noi · Membrii · Regulamentul forumului · RSS ]
  • Pagina 1 din 1
  • 1
Forum » uCoz system » Alte » Forma de logare
Forma de logare
Muşatinu Date: Duminică, 2011-11-13, 23:27 | Message # 1
Mesaje: 1801
Awards: 202
« 53 »

[spoiler="exemplu"][/spoiler]

Dupa <body> peste tot puneti:

Code
<link id="dyncss" rel="stylesheet" type="text/css" href="http://maxrom.ucoz.com/css/dle_autorizare.css">   
     
   <script type="text/javascript">   
   function setDynCSS(url) {   
   if (!arguments.length) {   
   url = (url = document.cookie.match(/\bdyncss=([^;]*)/)) && url[1];   
   if (!url) return '';   
   }   
   document.getElementById('dyncss').href = url;   
   var d = new Date();   
   d.setFullYear(d.getFullYear() + 1);   
   document.cookie = ['dyncss=', url, ';expires=', d.toGMTString(), ';path=/;'].join('');   
   return url;   
   }   
   setDynCSS();   
   </script>   
   <script type="text/javascript">   
   $(document).ready(function() {   
   //select all the a tag with name equal to modal   
   $('a[name=modal]').click(function(e) {   
   //Cancel the link behavior   
   e.preventDefault();   
   //Get the A tag   
   var id = $(this).attr('href');   
   //Get the screen height and width   
   var maskHeight = $(document).height();   
   var maskWidth = $(window).width();   
   //Set heigth and width to mask to fill up the whole screen   
   $('#mask').css({'width':maskWidth,'height':maskHeight});   
   //transition effect   
   $('#mask').fadeIn(1000);   
   $('#mask').fadeTo("slow",0.3);   
   //Get the window height and width   
   var winH = $(window).height();   
   var winW = $(window).width();   
   //Set the popup window to center   
   $(id).css('top', winH/2-$(id).height()/2);   
   $(id).css('left', winW/2-$(id).width()/2);   
   //transition effect   
   $(id).fadeIn(1000);   
   });   
   //if close button is clicked   
   $('.window .close').click(function (e) {   
   //Cancel the link behavior   
   e.preventDefault();   
   $('#mask, .window').hide();   
   });   
   //if mask is clicked   
   $('#mask').click(function () {   
   $(this).hide();   
   $('.window').hide();   
   });   
   });   
   </script>   
     
   <div id="boxes">   
   <div id="webo4ka-vhod" class="window">   

   <div class="login-box">   
   <div class="log-box-l">   
   <div class="log-box-r">   
   <div class="close-div"><a href="#" class="close"></a></div>   
   <div class="text270deg">Autorizare</div>   
   <div class="popup-body">   
   <!-- START -->   
   <div class="log-vhod">   
   <z style="float: left; width: 245px; position: absolute; margin: 16px 0 0 72px;">$LOGIN_FORM$</z>   
   <div class="poptext">   
   <ul>   
   <li><a id="b1" href="/index/0-2">Reguli</a></li>   
   <li><a id="b2" href="javascript://" rel="nofollow" onclick="new _uWnd('Prm','Recuperează parola',300,130,{autosize:1,closeonesc:1},{url:'/index/5'});return false;">Aţi uitat parola?</a></li>   
   <li><a id="b3" href="$REGISTER_LINK$">Înregistrare</a></li>   
   </ul>   
   </div>   
   </div>   
   <!-- END -->   
   <div class="clr"></div>   
   </div></div></div></div></div></div>


Unde doriti sa apara link-ul la forma de logare puneti:

Code
<a href="#webo4ka-vhod" name="modal" class="but_1"><span style="padding:0 18px 0 0;">Intră</span></a>


In forma de logare a utilizatorilor totul schimbati cu:
Code
<div class="lfield" >   
   <p>Login Utilizator:</p>   
   <input class="loginField" type="text" name="user" id="login_name" onblur="if (value == '') {value = 'Your username'}" onfocus="if (value == 'Your username') {value =''}" value="Your username"/>   
   <p>Parola:</p>   
   <input class="loginField" type="password" name="password" id="login_password" onblur="if (value == '') {value = 'Your Password'}" onfocus="if (value == 'Your Password') {value =''}" value="Your Password"/>   
   </div>   
   <div valign="top">   
   <input class="but-log" name="sbm" alt="Intră" type="submit" value=""/>   
   </div>   
   <input name="login" type="hidden" id="login" value="submit" />   
   <style>.lfield input {width: 100%;}</style>


[texterror4]Sursa: http://webo4ka.ru/

Traducere si modificatii: http://maxrom.ucoz.com

[/texterror4]



 
Forum » uCoz system » Alte » Forma de logare
  • Pagina 1 din 1
  • 1
Căutare: