[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]