He implementado el panel flotante siguiente: http://web-kreation.com/demos/Sliding_l ... el_jquery/
Dicho panel funciona perfectamente, quiero poner el formulario de login y password propio de phpBB dentro de dicho panel.
He cogido la parte de codigo de "login_body.html" y la he adaptado añadiéndola a dicho panel. El problema que tengo es que al introducir el usuario y contraseña parece que no procesa bien la contraseña y lanza este error:
Tampoco funciona el enlace "Olvidé mi contraseña" pero ese se puede quitar dejando solo el resto.
El codigo de dicho panel es el siguiente, esta en un archivo html independiente llamado "Panel.html":
Código: Seleccionar todo
<!--
Copyright 2009 Jeremie Tisseau
"Sliding Login Panel with jQuery 1.3.2" is distributed under the GNU General Public License version 3:
http://www.gnu.org/licenses/gpl-3.0.html
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<!-- stylesheets -->
<link rel="stylesheet" href="css/slide.css" type="text/css" media="screen" />
<!-- PNG FIX for IE6 --><!-- http://24ways.org/2007/supersleight-transparent-png-in-ie6 -->
<!--[if lte IE 6]>
<script type="text/javascript" src="js/pngfix/supersleight-min.js"></script>
<![endif]-->
<!-- jQuery - the core -->
<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
<!-- Sliding effect -->
<script src="js/slide.js" type="text/javascript"></script>
<!-- Panel -->
<div id="toppanel">
<div id="panel">
<div class="content clearfix">
<div class="left">
<h1>Bienvenido a "El Bar de Alktodostemen"</h1>
<h2>Elige una de las opciones siguientes para conectarte</h2>
<p class="grey">Con el nuevo sistema de gestión de "El Bar de Alktodostemen" puedes conectarte con el usuario desde el que te has registrado en el foro, desde tu cuenta de Facebook, etc.</p>
</div>
<div class="left">
<!-- Login Form -->
<form action="{S_LOGIN_ACTION}" method="post">
<div class="gensmall" colspan="2" align="center"><span class="error">{LOGIN_ERROR}</span></div>
<h1>Usuario registrado</h1>
<label class="grey" for="log">{L_USERNAME}:</label>
<input class="post" type="text" name="{USERNAME_CREDENTIAL}" size="25" value="{USERNAME}" tabindex="1" />
<label class="grey" for="pwd">{L_PASSWORD}</label>
<input class="post" type="password" name="{PASSWORD_CREDENTIAL}" size="25" tabindex="2" />
<input type="checkbox" class="radio" name="autologin" tabindex="3" /> <span class="gensmall">{L_LOG_ME_IN}</span>
<div class="clear"></div>
<input type="submit" name="login" class="bt_login" value="Login" tabindex="5" />
<a class="gensmall" href="{U_SEND_PASSWORD}">{L_FORGOT_PASS}</a>
</form>
</div>
<div class="left right">
<!-- Register Form -->
<form action="#" method="post">
<h1>Not a member yet? Sign Up!</h1>
<label class="grey" for="signup">Username:</label>
<input class="field" type="text" name="signup" id="signup" value="" size="23" />
<label class="grey" for="email">Email:</label>
<input class="field" type="text" name="email" id="email" size="23" />
<label>A password will be e-mailed to you.</label>
<input type="submit" name="submit" value="Register" class="bt_register" />
</form>
</div>
</div>
</div> <!-- /login -->
</center>
<!-- The tab on top -->
<div class="tab">
<ul class="login">
<li class="left"> </li>
<li id="toggle">
<a id="open" class="open" onclick="return false" href="#">{L_RADIO}</a>
<a id="close" class="close" onclick="return false" style="display: none;" href="#">{L_RADIO}</a>
</li>
<li class="right"> </li>
</ul>
</div> <!-- / top -->
</div> <!--panel -->La llamada al panel en "overall_header.html" esta asi:
Código: Seleccionar todo
<!-- INCLUDE panel.html -->
<body class="{S_CONTENT_DIRECTION}">
<a name="top"></a>
Por cierto, el foro con dicho cambio se puede ver en la siguiente URL: http://elbardealktodostemen.net/foro3
Un saludo y un abrazo
Muchas gracias, de verdad, me encanta, funciona de maravilla. el enlace de "Olvide mi contraseña" no va, pero he cogido y le he puesto 'a pelo' el enlace y funciona perfectamente:
