<style type="text/css">
#topbar{
position:absolute;
border: 1px solid white;
padding: 5px;
background-color: black;
width: 387px;
visibility: hidden;
z-index: 400;
}
<!-- #fadeinbox{ position:absolute; width: 450px; left: 0; top: -400px; border: 1px solid black; background-color: #ffffff; padding: 4px; z-index: 100; visibility:hidden; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; filter: alpha(opacity=80); opacity:0.8; -moz-border-radius: 5px;-webkit-border-radius: 5px;border: 1px solid #000;padding: 10px; } //-->
</style>
<script type="text/javascript"> <!--
var displaymode="always"
var enablefade="yes"
var autohidebox=["yes", 70]
var showonscroll="yes" //Should box remain visible even when user scrolls page? ("yes"/"no)
var IEfadelength=1 //fade in duration for IE, in seconds
var Mozfadedegree=0.05 //fade in degree for NS6+ (number between 0 and 1. Recommended max: 0.2)
////////No need to edit beyond here///////////
if (parseInt(displaymode)!=NaN)
var random_num=Math.floor(Math.random()*displaymode)
function displayfadeinbox(){
var ie=document.all && !window.opera
var dom=document.getElementById
iebody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body
objref=(dom)? document.getElementById("fadeinbox") : document.all.fadeinbox
var scroll_top=(ie)? iebody.scrollTop : window.pageYOffset
var docwidth=(ie)? iebody.clientWidth : window.innerWidth
docheight=(ie)? iebody.clientHeight: window.innerHeight
var objwidth=objref.offsetWidth
objheight=objref.offsetHeight
objref.style.left=docwidth/2-objwidth/2+"px"
objref.style.top=scroll_top+docheight/2-objheight/2+"px"
if (showonscroll=="yes")
showonscrollvar=setInterval("staticfadebox()", 50)
if (enablefade=="yes" && objref.filters){
objref.filters[0].duration=IEfadelength
objref.filters[0].Apply()
objref.filters[0].Play()
}
objref.style.visibility="visible"
if (objref.style.MozOpacity){
if (enablefade=="yes")
mozfadevar=setInterval("mozfadefx()", 90)
else{
objref.style.MozOpacity=1
controlledhidebox()
}
}
else
controlledhidebox()
}
function mozfadefx(){
if (parseFloat(objref.style.MozOpacity)<1)
objref.style.MozOpacity=parseFloat(objref.style.MozOpacity)+Mozfadedegree
else{
clearInterval(mozfadevar)
controlledhidebox()
}
}
function staticfadebox(){
var ie=document.all && !window.opera
var scroll_top=(ie)? iebody.scrollTop : window.pageYOffset
objref.style.top=scroll_top+docheight/2-objheight/2+"px"
}
function hidefadebox(){
objref.style.visibility="hidden"
if (typeof showonscrollvar!="undefined")
clearInterval(showonscrollvar)
}
function controlledhidebox(){
if (autohidebox[0]=="off"){
var delayvar=(enablefade=="yes" && objref.filters)? (autohidebox[1]+objref.filters[0].duration)*1000 : autohidebox[1]*1000
setTimeout("hidefadebox()", delayvar)
}
}
function initfunction(){
setTimeout("displayfadeinbox()", 100)
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = ""
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset)
if (end == -1)
end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
if (displaymode=="oncepersession" && get_cookie("fadedin")=="" || displaymode=="always" || parseInt(displaymode)!=NaN && random_num==0){
if (window.addEventListener)
window.addEventListener("load", initfunction, false)
else if (window.attachEvent)
window.attachEvent("onload", initfunction)
else if (document.getElementById)
window.onload=initfunction
document.cookie="fadedin=yes"
}
//--> </script>
<div id="fadeinbox" style="filter:progid:DXImageTransform.Microsoft.RandomDissolve(duration=1) progid:DXImageTransform.Microsoft.Shadow(color=blue,direction=200) ; -moz-opacity:0">
<table width="100%" align="center">
<tr>
<td width="100%" valign="middle" align="center" colspan="2">
<fieldset>
¡Bienvenido a Music Zone!
</fieldset> </td>
</tr>
<tr><td> </td></tr>
<tr>
<td width="100%" valign="middle" align="center" colspan="2">
<fieldset><legend align="center">Iniciar sesión</legend>
<form action="member.php" method="post">
<table width="100%" align="center">
<tr>
<td align="center"><strong>Nombre de usuario:</strong></td>
<td align="center"><strong>Contraseña:</strong></td>
</tr>
<tr>
<td align="center"><input type="text" class="textbox" name="username" size="25" maxlength="30" style="width: 150px;" /></td>
<td align="center"><input type="password" class="textbox" name="password" size="25" style="width: 150px;" /></td>
</tr>
<tr>
<td align="center" class="smallfont" nowrap="nowrap"><label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" tabindex="103" id="cb_cookieuser_navbar" accesskey="c" />¿Guardar?</label></td>
<td align="center"><input type="submit" class="button" name="submit" value="Iniciar sesión" /></td>
</tr>
</table>
</fieldset>
<input type="hidden" name="action" value="do_login" />
<input type="hidden" name="url" value="" />
</form>
<br/> </td>
</tr>
<tr>
<td valign="middle" align="center" colspan="2"><fieldset><legend align="center">Registrarse</legend>
<a href="member.php?action=register" title="Registrate en la Comunidad"><font color="#0000FF">Registrate En Music Zone</font></a>
</fieldset> </td>
</tr>
</table>
<div align="center"><a href="#" onClick="hidefadebox();return false"><font color="#FF0000">Cerrar</font></a></div>
</div>
