БГтоп изкачащ прозорец

[MaZZoHuCTa]

Как се прави този гаден изкачащ прозорец.
Като на този Сайт.

 

[Karcho]

http://web-tourist.net/login/login/view.php?st=2296

 

[MaZZoHuCTa]

Не тази лента.. погледни сайта който съм дал.

 

[Anonymous]

Ето ти такъв изкачащ прозорец
ето и года

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title>Логин прозорец с jQuery [ by stoqnski ] </title> 
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' /> 
<script type="text/javascript" src="login.js"></script> 
<script> 

$(document).ready(function() { 
$('a[name=modal]').click(function(e) { 
e.preventDefault(); 
var id = $(this).attr('href'); 
var maskHeight = $(document).height(); 
var maskWidth = $(window).width(); 
$('#mask').css({'width':maskWidth,'height':maskHeight}); 
$('#mask').fadeIn(1000); 
$('#mask').fadeTo("slow",0.8); 
var winH = $(window).height(); 
var winW = $(window).width(); 
$(id).css('top', winH/2-$(id).height()/2); 
$(id).css('left', winW/2-$(id).width()/2); 
$(id).fadeIn(2000); 
}); 
$('.window .close').click(function (e) { 
e.preventDefault(); 
$('#mask').hide(); 
$('.window').hide(); 
}); 
$('#mask').click(function () { 
$(this).hide(); 
$('.window').hide(); 
}); 
}); 
</script> 
<style> 
body { 
font-family:verdana; 
font-size:15px; 
} 

a {color:#333; text-decoration:none} 
a:hover {color:#ccc; text-decoration:none} 

#mask { 
position:absolute; 
left:0; 
top:0; 
z-index:9000; 
background-color:#; 
display:none; 
} 

#boxes .window { 
position:absolute; 
left:0; 
top:0; 
width:440px; 
height:200px; 
display:none; 
z-index:9999; 
padding:20px; 
background-color:#FFF; 
border: 20px solid #000099;
} 

#boxes #dialog { 
width:375px; 
height:203px; 
padding:10px; 
background-color:#ffffff; 
} 

#boxes #dialog1 { 
width:375px; 
height:130px; 
} 

#dialog1 .d-header { 
background:url(images/login-header.png) no-repeat 0 0 transparent; 
width:375px; 
height:150px; 
} 

#dialog1 .d-header input { 
position:relative; 
top:60px; 
left:100px; 
border:2px solid #EB0873; 
height:22px; 
width:200px; 
font-size:15px; 
padding:5px; 
margin-top:4px; 
} 

#dialog1 .d-blank { 
float:left; 
background:url(images/login-blank.png) no-repeat 0 0 transparent; 
width:267px; 
height:53px; 
} 

#dialog1 .d-login { 
float:left; 
width:108px; 
height:53px; 
} 

</style> 
</head> 
<body> 

<ul> 
<li><a href="#dialog1" name="modal">Вход към админ панела -></a></li> 
</ul> 


<div id="boxes">
<div id="dialog1" class="window">
<div id="contact_form">
<FORM action="" method="POST">
<?php echo LANG_USER ;?>
<input type="text" name="username" /> <br />
<?php echo LANG_PASS ;?>
<input type="password" name="password" /> <br /> 
<?php echo LANG_RA ;?>
<input type="password" name="password2" /> <br /> 
<?php echo LANG_EMAIL ;?>
<input type="text" name="email" /> <br /> 
<input type="submit" name="submit" value="<?php echo LANG_REGISTER ;?>" />
</form>
</div>
</div>
<div id="bot"></div>
</div>
</body> 
</html>

Аз съм го направил си регистрация но ти можеш да го настройш както на теб ти е удобно