Hola, me gustaría poder insertarle un login a esta página web, para poder acceder a otras secciones, es decir, que para acceder a otras webs, se necesite iniciar sesión aquí, mediante MySql
Tengo esta plantilla:
Código:
<!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">
<style type="text/css">
.auto-style1 {
text-align: center;
}
</style>
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Dynamite WoW : Cuentas de Juego</title><link rel="shortcut icon" href="favicon.ico" /><meta name="distribution" content="global" /><meta name="Description" content="Dynamite WoW : Cuentas de juego. Administra todo lo referente a tu cuenta." /><meta name="Keywords" content="Personalizacion de cuentas de juego." /><meta name="author" content="Isys" /><link href="loginstyle.css" rel="stylesheet" type="text/css" /><script src="https://www.google.com/jsapi"></script><script>
google.load("jquery", "1.4.2");
</script><script language="javascript" type="text/javascript">
jQuery(document).ready(function(){
jQuery("#emptyUsername").hide();
jQuery("#emptyPassword").hide();
jQuery("#invalidData").hide();
jQuery("#accountManagementDisabled").hide();
jQuery("#login").click(function(event){
jQuery("#login").disableOnSubmit();
jQuery('#login').attr('src', 'images/checking.jpg');
});
})
</script></head><body><div id="logindiv">
<div id="loginform">
<div id="emptyUsername" class="usernameTooltip">
<table width="320" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="30" height="21" align="right" valign="middle"><img src="images/icons/alert.png" width="18" height="18" /></td>
<td width="10"> </td>
<td align="left" valign="middle" class="LoginOptionsText">El nombre de cuenta es obligatorio.</td>
</tr>
</table>
</div>
<div id="emptyPassword" class="passwordTooltip">
<table width="320" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="30" height="21" align="right" valign="middle"><img src="images/icons/alert.png" width="18" height="18" /></td>
<td width="10"> </td>
<td align="left" valign="middle" class="LoginOptionsText">La contraseña es obligatoria.</td>
</tr>
</table>
</div>
<div id="invalidData" class="passwordTooltip">
<table width="320" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="30" height="21" align="right" valign="middle"><img src="images/icons/alert.png" width="18" height="18" /></td>
<td width="10"> </td>
<td align="left" valign="middle" class="LoginOptionsText">Los datos introducidos no son correctos.</td>
</tr>
</table>
</div>
<div id="accountManagementDisabled">
<table width="223" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="31" height="41" align="right" valign="bottom"><img src="images/icons/alert.png" width="18" height="18" /></td>
<td width="5"> </td>
<td align="left" valign="middle" class="accountManagementStatus"></td>
</tr>
</table>
</div>
<table width="350" height="185" border="0" cellpadding="0" cellspacing="0"><form id="loginform" name="loginform" method="post" action="/store/login.php">
<tr>
<td valign="top" class="auto-style1"><span class="FormsText"><strong>
EMAIL DE ACCESO:</strong></span></td>
</tr>
<tr>
<td align="left" valign="top"><input name="username" type="text" id="username" class="textBox" tabindex="1" value="" maxlength="320" /></td>
</tr>
<tr>
<td align="left" valign="top"> </td>
</tr>
<tr>
<td valign="top" class="auto-style1"><span class="FormsText"><strong>CONTRASEÑA:</strong></span></td>
</tr>
<tr>
<td align="left" valign="top"><input name="password" type="password" class="textBox" id="password" tabindex="2" autocomplete="off" maxlength="16" /></td>
</tr>
<tr>
<td align="left" valign="top"> </td>
</tr>
<tr>
<td align="center" valign="middle"><input id="login" type='image' name='login' value="login" src='images/buttons/login.jpg' /></td>
</tr></form>
</table>
</div>
<div id="loginoptions">
<table width="350" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="middle" class="LoginOptionsText">¿Has olvidado la <a href="http://www.dynamite.es/passwordretrieval.php">contraseña</a> de tu cuenta?<br />
¿Aún no tienes una cuenta? ¡<a href="http://signup.dynamite.es/" target="_blank">Regístrate ya</a>!</td>
</tr>
</table>
</div>
<div id="securityAdvice">
<table width="380" border="0" cellspacing="1" cellpadding="0">
<tr>
<td align="center" valign="middle" class="LoginOptionsText"><hr /><br />Por razones de seguridad, cierra tu navegador cuando termines de utilizar servicios que requieran autenticación.</td>
</tr>
</table>
</div>
<div id="copyrightNotice">
<table width="350" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="middle" class="copyrightnotice">© 2011 Dynamite Staff | Todos los Derechos Reservados</td>
</tr>
</table>
</div>
</div>
<p class="auto-style1">
<img alt="" height="102" src="logo.png" width="400" /></p>
</body>
</html>