<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Pruebas</title>
<style type="text/css">
.menu-1 {
background:#0174DF;
border-left:2px solid #ccc;
border-right:2px solid #ccc;
border-bottom:4px solid #ccc;
color:#fff;
width:300px;
position:absolute;
top:0%;
left:60%;
-moz-border-radius-bottomleft: 20px;
-moz-border-radius-bottomright: 20px;
}
.menu-2 {
background:#6E6E6E;
opacity:0;
border-left:2px solid #ccc;
border-right:2px solid #ccc;
border-bottom:4px solid #ccc;
color:#fff;
width:300px;
position:absolute;
top:205px;
left:60%;
-moz-border-radius-bottomleft: 20px;
-moz-border-radius-bottomright: 20px;
}
</style>
<script type="text/javascript" charset="UTF-8">
var color = 0;
var suma = 10;
var obj;
var obj2;
function aparecer(){
obj.style.display = "block";
color += suma;
if (!(color>=110)){
obj.style.filter = 'alpha(opacity='+color+')';
obj.style.opacity = color /100;
obj.style.MozOpacity = color /100;
obj.style.KHTMLOpacity = color /100;
window.setTimeout ("aparecer();", 50);
}
}
function desvanecer() {
color -= suma;
if (!(color <=-10)){
obj2.style.filter = 'alpha(opacity='+color+')';
obj2.style.opacity = color /100;
obj2.style.MozOpacity = color /100;
obj2.style.KHTMLOpacity = color /100;
window.setTimeout ("desvanecer();", 50);
}
}
function llama(){
if (color<=0){
mostrar();
aparecer();
} else {
desvanecer();
setTimeout('cerrar()',600);
}
}
</script>
<script>
function mostrar() {
div.style.display = 'inline';
}
function cerrar() {
div.style.display='none';
}
</script>
</head>
<body>
<div id="menu-invitado" class="menu-2" style="display:none; align:center;">
<br />
<br />
<center>
<span style="font-size:10pt;">Se le asignara un numero al azar a menos que escriba algo en el recuadro siguiente.<br /><br />
<form id="loginForm" action="[LOGIN_URL/]" method="post" enctype="application/x-www-form-urlencoded">
<input type="hidden" name="login" id="loginField" value="login"/>
<input type="hidden" name="redirect" id="redirectField" value="[REDIRECT_URL/]"/>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center" style="color:#fff;"><span>Usuario/a:</span></td>
</tr>
<tr>
<td>
<input type="text" name="userName" class="user" id="userNameField" maxlength="[USER_NAME_MAX_LENGTH/]"/>
</td>
</tr>
<tr>
<td style="padding-top:5px;" align="center">
<input type="submit" class="button" name="submit" value="Entrar como Invitado"/>
</td>
</tr>
</table>
</form>
</center>
<br /><br />
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<td align="right" style="padding-right:10px; cursor:pointer;">
<span style="color:#fff;" onclick="desvanecer(); setTimeout('cerrar()',600);">Cerrar</span>
</td>
</table>
</div>
<div id="menu-Sesion" class="menu-2" style="display:none; align:center;">
<br /><br />
<center>
<span style="font-size:10pt;">Si se recarga la pagina y no esta en el chat, es que no se ha logueado correctamente.</span>
<br /><br />
<form id="loginForm" action="[LOGIN_URL/]" method="post" enctype="application/x-www-form-urlencoded">
<input type="hidden" name="login" id="loginField" value="login"/>
<input type="hidden" name="redirect" id="redirectField" value="[REDIRECT_URL/]"/>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td><span style="color:#fff;font-weight:bold;">Usuario</span></td>
</tr><tr>
<td style="padding-top:5px;"><input type="text" name="userName" class="user" id="userNameField" maxlength="[USER_NAME_MAX_LENGTH/]"/></td>
</tr><tr>
<td style="padding-top:5px;"><span style="color:#fff;font-weight:bold;">Contraseña</span></td>
</tr><tr>
<td style="padding-top:5px;"><input type="password" class="password" name="password" id="passwordField"/></td>
</tr><tr>
<td style="padding-top:5px;"><input type="submit" class="button" name="submit" value="Iniciar Sesión"/></td>
</tr>
</table>
</form>
</center>
<br /><br />
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<td align="right" style="padding-right:10px; cursor:pointer;">
<span style="color:#fff;" onclick="desvanecer(); setTimeout('cerrar()',600);">Cerrar</span>
</td>
</table>
</div>
<div class="menu-1">
<center>
<span style="font-size:10pt;">Si ya estas logueado en el foro solo dale al siguiente boton.</span><br />
<span style="font-size:8pt;"><b><u>Si no estas logueado entraras como Invitado con un nombre aleatorio.</u></b></span><br /><br />
<form id="loginForm" action="[LOGIN_URL/]" method="post" enctype="application/x-www-form-urlencoded">
<input type="submit" class="button" name="submit" value="Entrar al Chat"/>
</form><br />
<a style="color:#fff;" href="#" onclick="setTimeout('obj = document.getElementById(\'menu-invitado\'); obj2 = document.getElementById(\'menu-invitado\'); div = document.getElementById(\'menu-invitado\'); llama()',700); desvanecer(); setTimeout('cerrar()',600);">Acceder como Invitado</a><br />
<a style="color:#fff;" href="#" onclick="setTimeout('obj = document.getElementById(\'menu-Sesion\'); obj2 = document.getElementById(\'menu-Sesion\'); div = document.getElementById(\'menu-Sesion\'); llama()',700); desvanecer(); setTimeout('cerrar()',600);">Iniciar Sesión</a><br />
<br />
<br />
</center>
</div>
</body>
</html>