Índice
por Alejandro_Vazquez Lun Ago 05, 2013 8:22 amBuenas... Aqui os dejo un sistema de Usuarios en PHP...
Esta en prosecimiento de creacion...
Base De Datos:
[tabla]
db.php
[tabla]
pagina.php
[tabla]
users_Login.php
[tabla]
users_PageVip.php
[tabla]
users_Register.php
[tabla]
users_Verify.php
[tabla]
d13.css
[tabla]
Esta en prosecimiento de creacion...
Base De Datos:
[tabla]
- Código:
CREATE TABLE `usuarios` (
`id` int(10) NOT NULL auto_increment,
`usuario` varchar(99) NOT NULL default '',
`password` varchar(99) NOT NULL default '',
`fname` varchar(99) NOT NULL default '',
`lname` varchar(99) NOT NULL default '',
`email` varchar(99) NOT NULL default '',
`imagen_perfil` varchar(99) NOT NULL default '',
PRIMARY KEY (`id`))
db.php
[tabla]
- Código:
<?php
$dbHost = "localhost"; //Ubicación de la DB, usualmente es localhost
$dbUser = "root"; //Usuario de la DB
$dbPass = "*****"; //Password de la DB
$dbDatabase = "usuariosgzrp"; //Nombre de la DB
$db = mysql_connect($dbHost,$dbUser,$dbPass)or die("Un error ha ocurrido mientras se intento conectar a la Base de Datos.");
//Conexión hacia la Base de Datos
mysql_select_db($dbDatabase, $db)or die("No se pudo seleccionar la Base de Datos.");
//Selecciona la DB
?>
pagina.php
[tabla]
- Código:
<?php
session_start();
include("db.php");
?>
<?
if($_SESSION['logged']==TRUE){ ?>
Contenido HTML
<? }
else echo("Lo sentimos, pero solo usuarios registrados pueden ver esto.");
?>
users_Login.php
[tabla]
- Código:
<!DOCTYPE html>
<html lang="es">
<head>
<title>|| GameZoneRP || Tu Segunda Vida ||</title>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="GameZoneRP, Tu, segunda, vida, es, un, juego, online, de, SAMP, GTA, San, Andreas, MultiPlayer, El, mejor ,server, de ,todos, en, espa??" />
<meta name="description" content="GameZoneRP Tu segunda vida es un juego online de SAMP GTA San Andreas MultiPlayer El mejor server de todos ene espa?? />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="css/d13.css">
</head>
<body>
<div id="contenido">
<header>
<hgroup>
<div id="vamos"><a href="iniciar-session.php" class="boton-igz">INICIAR SESION</a></div>
<h1><img src="http://gamezoneroleplay.tk/imagenes/logo.png"></h1>
</hgroup>
<div id="textoMenu">
<nav>
<ul>
<li><a href="index.html" class="boton-gz">Inicio</a></li>
<li><a href="noticias.html" class="boton-gz">Noticias</a></li>
<li><a href="info-vip.html" class="boton-gz">Zona VIP</a></li>
<li><a href="app.html" class="boton-gz">App</a></li>
<li><a href="servicios.html" class="boton-gz">Servicios</a></li>
<li><a href="afiliados.html" class="boton-gz">Afiliados</a></li>
<li><a href="Contacto.html" class="boton-gz">Contacto</a></li>
</ul>
</nav>
</div>
</header>
<br><br>
<section>
<div id="textoPr">
<article>
<hgroup>
<div id="TextoLogi"><h1></h1></div>
</hgroup>
<div class="fnews">
<form action="users_Verify.php" method="post">
Por favor, escriba los datos necesarios para iniciar sesión:
<br>
<br>
Nombre de Usuario:
<input name="usuario" placeholder="Usuario" type="text" id="usuario" size=25>
Contraseña:
<input type="password" placeholder="Contraseña" name="password" size=25>
<input name="submit" type="submit" class="m" id="submit" value="Iniciar Sesion">
</form><br><br>
<strong>¿No tienes una cuenta? Registrate </strong> <a class="sm" href="users_Register.php"><strong>aqui</strong></a></div>
</div>
</section>
</div>
<footer>
<canvas id="miCanvas"></canvas>
<center><font color="blue">GameZone<font color="red"> RolePlay<font color="purple"> le recomemienda:</font></font></font></center>
<table width="523" border="0" align="center" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="442" height="41" valign="top"><script type="text/javascript"><!--
google_ad_client = "ca-pub-9816770956414145";
/* AD Gamezone */
google_ad_slot = "8120213715";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script> </td>
</tr>
</table>
<br>
<center><font face="Arial" color="red" size=1>Copyright © 2013-2014 Reservado todos los derechos a <a href="inicio.html">GameZoneRP</a></font></center><p>
<center> <font face="Arial" color="black" size=1><b> Sitio Web Creado por: <a href="http://Alejandro-Vazquez-Gonzalez.tk">Alejandro Vazquez Gonzalez</a></b></center>
</footer>
</body>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/es_ES/all.js#xfbml=1&appId=425270494228157";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<style type="text/css">
.boton-gamezone {
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #0009ff) );
background:-moz-linear-gradient( center top, #ededed 5%, #0009ff 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#0009ff');
background-color:#ededed;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #ff0000;
display:inline-block;
color:#48b300;
font-family:Comic Sans MS;
font-size:15px;
font-weight:bold;
padding:15px 39px;
text-decoration:none;
text-shadow:1px 1px 0px #ffffff;
}.boton-gamezone:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0009ff), color-stop(1, #ededed) );
background:-moz-linear-gradient( center top, #0009ff 5%, #ededed 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0009ff', endColorstr='#ededed');
background-color:#0009ff;
}.boton-gamezone:active {
position:relative;
top:1px;
}
/* Boton GameZoneRP */
</style>
<style type="text/css">
.boton-gz {
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #94ffc2) );
background:-moz-linear-gradient( center top, #ededed 5%, #94ffc2 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#94ffc2');
background-color:#ededed;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #ff0015;
display:inline-block;
color:#000000;
font-family:arial;
font-size:15px;
font-weight:bold;
padding:12px 32px;
text-decoration:none;
text-shadow:1px 1px 0px #ffffff;
}.boton-gz:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #94ffc2), color-stop(1, #ededed) );
background:-moz-linear-gradient( center top, #94ffc2 5%, #ededed 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#94ffc2', endColorstr='#ededed');
background-color:#94ffc2;
}.boton-gz:active {
position:relative;
top:1px;
}
/* GameZone RP */
</style>
<style type="text/css">
.boton-igz {
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #000000) );
background:-moz-linear-gradient( center top, #ededed 5%, #000000 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#000000');
background-color:#ededed;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #000000;
display:inline-block;
color:#ffffff;
font-family:arial;
font-size:15px;
font-weight:bold;
padding:7px 0px;
text-decoration:none;
text-shadow:1px 1px 0px #ffffff;
}.boton-igz:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #000000), color-stop(1, #ededed) );
background:-moz-linear-gradient( center top, #000000 5%, #ededed 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#ededed');
background-color:#000000;
}.boton-igz:active {
position:relative;
top:1px;
}
/* GameZoneRP */
</style>
</html>
users_PageVip.php
[tabla]
- Código:
<link rel="stylesheet" href="css/d13.css">
<?php
session_start();
include("db.php");
?>
<?
if($_SESSION['logged']==TRUE){ ?>
<H1>Página privada de usuarios</H1><br>
<div class="fnews">
¡Hola, <? echo("$_SESSION[usuario]");?>! Eres un usuario registrado, por lo tanto, puedes ver esta página.
</div>
<? }
else echo("Lo sentimos, pero solo usuarios registrados pueden ver esto.");
?>
users_Register.php
[tabla]
- Código:
<?php
session_start();
include("db.php");
?>
<!DOCTYPE html>
<html lang="es">
<head>
<title>|| GameZoneRP || Tu Segunda Vida ||</title>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="GameZoneRP, Tu, segunda, vida, es, un, juego, online, de, SAMP, GTA, San, Andreas, MultiPlayer, El, mejor ,server, de ,todos, en, espa??" />
<meta name="description" content="GameZoneRP Tu segunda vida es un juego online de SAMP GTA San Andreas MultiPlayer El mejor server de todos ene espa?? />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="css/d13.css">
</head>
<body>
<div id="contenido">
<header>
<hgroup>
<div id="vamos"><a href="iniciar-session.php" class="boton-igz">INICIAR SESION</a></div>
<h1><img src="http://gamezoneroleplay.tk/imagenes/logo.png"></h1>
</hgroup>
<div id="textoMenu">
<nav>
<ul>
<li><a href="index.html" class="boton-gz">Inicio</a></li>
<li><a href="noticias.html" class="boton-gz">Noticias</a></li>
<li><a href="info-vip.html" class="boton-gz">Zona VIP</a></li>
<li><a href="app.html" class="boton-gz">App</a></li>
<li><a href="servicios.html" class="boton-gz">Servicios</a></li>
<li><a href="afiliados.html" class="boton-gz">Afiliados</a></li>
<li><a href="Contacto.html" class="boton-gz">Contacto</a></li>
</ul>
</nav>
</div>
</header>
<br><br>
<section>
<div id="textoPr">
<article>
<hgroup>
<div id="TextoLogi"><h1></h1></div>
</hgroup>
<?php
if(isset($_POST['submit'])){
$query = sprintf("SELECT * FROM usuarios WHERE usuario='%s' LIMIT 1",mysql_real_escape_string($_POST['usuario']));
$sql = mysql_query($query);
$row = mysql_fetch_array($sql);
if($row||empty($_POST['usuario'])|| empty($_POST['fname'])||empty($_POST['lname'])|| empty($_POST['email'])||empty($_POST['password'])|| empty($_POST['re_password'])||$_POST['password']!=$_POST['re_password']){
# si se deja un campo vacío va a tirar un error.
$error = '<p>';
if(empty($_POST['usuario'])){
$error .= 'El campo "Nombre de Usuario" se ha dejado vacío.<br>';
}
if(empty($_POST['fname'])){
$error .= 'El campo "Nombre" se ha dejado vacío.<br>';
}
if(empty($_POST['lname'])){
$error .= 'El campo "Apellido" se ha dejado vacío.<br>';
}
if(empty($_POST['email'])){
$error .= 'El campo "Email" se ha dejado vacío.<br>';
}
if(empty($_POST['password'])){
$error .= 'El campo "Contraseña" se ha dejado vacío.<br>';
}
if(empty($_POST['re_password'])){
$error .= 'Debes repetir la contraseña<br>';
}
if($_POST['password']!=$_POST['re_password']){
$error .= 'Las contraseñas no concuerdan.<br>';
}
if($row){
$error .= 'El nombre de usuario que has escojido ya existe en la Base de Datos.<br>';
}
$error .= '</p>';
}else{
$query = sprintf("INSERT INTO usuarios(`usuario`,`fname`,`lname`,`email`,`password`)
VALUES('%s','%s','%s','%s',PASSWORD('%s'))",
mysql_real_escape_string($_POST['usuario']),
mysql_real_escape_string($_POST['fname']),
mysql_real_escape_string($_POST['lname']),
mysql_real_escape_string($_POST['email']),
mysql_real_escape_string($_POST['password']))or die(mysql_error());
$sql = mysql_query($query);
# Redireccion a la página de logueo despues del registro.
header("Location: users_Login.php");
exit;
}
}
if(isset($error)){
echo $error;
unset($error);
}
?>
<!-- Start your HTML/CSS/JavaScript here -->
<form action="<? echo $_SERVER['PHP_SELF']; ?>" method="post">
<div align=center>
<h3>Datos principales: </h3>
<TABLE class="gp">
<p>Los campos marcados con un <b><font color="red">*</font></b> son obligatorios.<p>
<TR>
<TD CLASS="slim"><b><font color="red">Usuario:</font></b></TD>
<TD colspan=2><input name="usuario" placeholder="Usuario" type="text" id="usuario" size="20" <? if(!$row){echo 'value="'.$_POST['usuario'].'"';} ?>/> <b><font color="red">*</font></b></TD></TR>
<TR>
<TD CLASS="slim"><b><font color="red">Correo electrónico:</font></b></TD>
<TD><input name="email" placeholder="E-Mail" type="text" size="20" <? echo 'value="'.$_POST['email'].'"'; ?>/> <b><font color="red">*</font></b></td><td>
</TD></TR>
<TR>
<TD CLASS="slim"><b><font color="red">Contraseña:</font></b></TD>
<TD><input name="password" placeholder="Contraseña" type="password" size="20" /> <b><font color="red">*</font></b></TD></TR>
<TR>
<TD CLASS="slim"><b><font color="red">Repite Contraseña:</font></b></TD>
<TD><input name="re_password" placeholder="Repite Contraseña" type="password" size="20" /> <b><font color="red">*</font></b></TD></TR>
</TABLE><br>
<h3>Datos personales: </h3>
<TABLE class="gp">
<TR>
<TD CLASS="slim"><b><font color="red">Nombre:</font></b></TD>
<TD colspan=2><input name="fname" placeholder="Nombre" type="text" size="20" <? echo 'value="'.$_POST['fname'].'"'; ?>/> <b><font color="red">*</font></b></TD></TR>
<TR>
<TD CLASS="slim"><b><font color="red">Apellidos:</font></b></TD>
<TD><input name="lname" placeholder="Apellidos" type="text" size="20" <? echo 'value="'.$_POST['lname'].'"'; ?>/> <b><font color="red">*</font></b></td><td>
</TD></TR>
</TABLE><br>
<strong>¿Ya tienes una cuenta? Inicia Sesión </strong> <a class="sm" href="users_Login.php"><strong>aqui</strong></a><br>
<br>Sistema De Usuarios Para GameZoneRP.tk<br>
<br>
</p>
<INPUT name="submit" TYPE=submit CLASS="sum" id="submit" VALUE="Registrar cuenta!">
</div>
</form>
</div>
</section>
</div>
<footer>
<canvas id="miCanvas"></canvas>
<center><font color="blue">GameZone<font color="red"> RolePlay<font color="purple"> le recomemienda:</font></font></font></center>
<table width="523" border="0" align="center" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="442" height="41" valign="top"><script type="text/javascript"><!--
google_ad_client = "ca-pub-9816770956414145";
/* AD Gamezone */
google_ad_slot = "8120213715";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script> </td>
</tr>
</table>
<br>
<center><font face="Arial" color="red" size=1>Copyright © 2013-2014 Reservado todos los derechos a <a href="inicio.html">GameZoneRP</a></font></center><p>
<center> <font face="Arial" color="black" size=1><b> Sitio Web Creado por: <a href="http://Alejandro-Vazquez-Gonzalez.tk">Alejandro Vazquez Gonzalez</a></b></center>
</footer>
</body>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/es_ES/all.js#xfbml=1&appId=425270494228157";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<style type="text/css">
.boton-gamezone {
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #0009ff) );
background:-moz-linear-gradient( center top, #ededed 5%, #0009ff 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#0009ff');
background-color:#ededed;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #ff0000;
display:inline-block;
color:#48b300;
font-family:Comic Sans MS;
font-size:15px;
font-weight:bold;
padding:15px 39px;
text-decoration:none;
text-shadow:1px 1px 0px #ffffff;
}.boton-gamezone:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0009ff), color-stop(1, #ededed) );
background:-moz-linear-gradient( center top, #0009ff 5%, #ededed 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0009ff', endColorstr='#ededed');
background-color:#0009ff;
}.boton-gamezone:active {
position:relative;
top:1px;
}
/* Boton GameZoneRP */
</style>
<style type="text/css">
.boton-gz {
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #94ffc2) );
background:-moz-linear-gradient( center top, #ededed 5%, #94ffc2 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#94ffc2');
background-color:#ededed;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #ff0015;
display:inline-block;
color:#000000;
font-family:arial;
font-size:15px;
font-weight:bold;
padding:12px 32px;
text-decoration:none;
text-shadow:1px 1px 0px #ffffff;
}.boton-gz:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #94ffc2), color-stop(1, #ededed) );
background:-moz-linear-gradient( center top, #94ffc2 5%, #ededed 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#94ffc2', endColorstr='#ededed');
background-color:#94ffc2;
}.boton-gz:active {
position:relative;
top:1px;
}
/* GameZone RP */
</style>
<style type="text/css">
.boton-igz {
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #000000) );
background:-moz-linear-gradient( center top, #ededed 5%, #000000 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#000000');
background-color:#ededed;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #000000;
display:inline-block;
color:#ffffff;
font-family:arial;
font-size:15px;
font-weight:bold;
padding:7px 0px;
text-decoration:none;
text-shadow:1px 1px 0px #ffffff;
}.boton-igz:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #000000), color-stop(1, #ededed) );
background:-moz-linear-gradient( center top, #000000 5%, #ededed 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#ededed');
background-color:#000000;
}.boton-igz:active {
position:relative;
top:1px;
}
/* GameZoneRP */
</style>
</html>
users_Verify.php
[tabla]
- Código:
<?php
include("db.php");
if(isset($_POST['submit'])){
$usr = mysql_real_escape_string($_POST['usuario']);
$pas = hash('sha256', mysql_real_escape_string($_POST['password']));
$sql = mysql_query("SELECT * FROM usuarios
WHERE usuario='$usr' AND
password='$pas'
LIMIT 1");
if(mysql_num_rows($sql) == 1){
$row = mysql_fetch_array($sql);
session_start();
$_SESSION['usuario'] = $row['usuario'];
$_SESSION['fname'] = $row['fname'];
$_SESSION['lname'] = $row['lname'];
$_SESSION['logged'] = TRUE;
header("Location: users_PageVip.php"); // Puedes modificar la pagina a la cual te guste que valla despues del inicio de sesión
exit;
}else{
header("Location: users_Login.php");
exit;
}
}else{
header("Location: index.php");
exit;
}
?>
d13.css
[tabla]
- Código:
body { background:#C9FFCA; color:#9E00FF; font-family:trebuchet ms, verdana}
a { color:#f99; text-decoration:none}
a:visited { color:#c99; }
a.plink { color:#f99; text-decoration:none}
a.plink:visited { color:#c99; }
span.m { color:#c00; background:#fff; padding:4px;}
input.m { color:#c00; background:#fff; padding:2px 0px;
margin:0px; font-size:80%; border-width:2px}
input.md { color:#c00; background:#ddd; padding:2px 0px;
margin:2px; font-size:80%; border-width:2px;}
input.ml { color:#c00; background:#ff9; padding:2px 0px;
margin:2px; font-size:80%; border-width:2px; }
input.mr { color:#c00; background:#aaa; padding:2px 0px;
margin:2px; font-size:80%; border-width:2px; border-color:#999 }
input.sum { color:#F3FF00; background:#D172FF; padding:4px;
margin:0px; font-size:120%; border-width:2px;}
.start { background:#eee; padding:4px;
margin:0px; font-size:120%; border:2px #fff outset;}
.cac { background:#454; padding:4px; color:#fff;
margin:8px; font-size:120%; border:2px #454 outset;}
.cac.visited { color:#fff;}
form { padding:0px; margin:0px; display:inline; }
form.a { padding:4px; margin:2px; background:#898; color:#efe;
line-height:35px; vertical-align:middle; border:0px #000 solid;
height:20px; white-space: nowrap }
table.c {
background:#666;
border-spacing:0px;
text-align:center;
color:#000;
width:300px;
padding:0px; margin:0px;
}
table.signup {
background:#444;
padding:4px;
}
table.signup td { padding:8px; }
td.b {
background:#eee;
height:100px;
min-width:100px;
padding:0px; margin:0px; border:0px;
}
td.l {
xborder:3px solid; border-color:#000;
}
.fz { font-size:x-small; color:#000; text-decoration:none;
background:#eee; border:1px solid #000; padding:1px 2px;}
.f1 { font-size:x-small; color:#000; text-decoration:none;
background:#efe; border:1px solid #000; padding:1px 2px;}
.f2 { font-size:x-small; color:#000; text-decoration:none;
background:#eef; border:1px solid #000; padding:1px 2px;}
.f3 { font-size:x-small; color:#000; text-decoration:none;
background:#fee; border:1px solid #000; padding:1px 2px;}
.f { font-size:x-small; color:#000; text-decoration:none;
background:#fff; border:1px solid #000; padding:1px 2px;}
.f:visited { color:#222; }
td.cx { background:#ddd; border:5px #eee inset; }
td.cxr { background:#aaa; border:5px #bbb inset; }
td.cxd { background:#555; border:5px #666 inset; }
td.c0 { backgroundx: #fee;
background-image:url('../im/streets.gif');
background-position:top left;
}
td.c1 { backgroundx: #fee;
background-image:url('../im/streets.gif');
background-position:bottom left;
}
td.c2 { background: #aad;
border:10px #666 solid;
}
td.c3 { background: #666; }
td.c4 { background: #9c9; border:5px #ddd solid;}
td.c5 { background: #ddd;
background-image:url('../im/streets.gif');
background-position:top right;
}
td.c6 { background: #eef; }
td.c7 { background: #fff; border:#666 solid; border-width:10px 5px;}
td.c8 { background: #765; }
td.c9 { background: #f99; border:5px #666 solid; }
td.c10 { background: #876; border:5px #666 solid; }
td.c11 { background: #eee; border:5px #9c9 solid; }
td.c12 { background: #ddf; border:5px #666 solid; }
td.c13 { background: #fdd; border:5px #666 solid; }
td.c14 { background: #ddd; border:#666 solid; border-width:5px 10px; }
td.c15 { background: #ccc; border:8px #666 solid; }
td.c16 { background: #9c9; border:4px #765 solid; }
td.c17 { background: #eee; border:2px #666 solid; }
td.c18 { background: #aaa; border:#666 solid; border-width:4px 6px; }
td.c19 { background: #aaa; border:2px #666 solid; }
td.c20 { background: #aad; border:10px #666 solid; }
td.c21 { background: #ded; border:5px #666 solid; }
td.c22 { background: #965; }
td.c23 { background: #965; border:2px #ddd dotted; }
td.c24 { background: #fff; }
td.c25 { background: #eee; border:1px #eee outset;}
td.c26 { background: #559; border:2px #888 solid;}
td.c27 { background: #c9c; border:2px #a7a dotted;}
td.c27b { background: #c9c; border:2px #ff0 dotted;}
td.c28 { background: #666; }
td.c29 { background: #765; border:2px #ddd dotted;}
td.c30 { background: #c94; border:#666 solid; border-width:3px}
td.c31 { background: #987;}
td.c32 { background: #888; border:10px #987 solid;}
td.c33 { backgroundx: #fee;
background-image:url('../im/streets.gif');
background-position:bottom right;
}
td.c34 { background: #898; border:5px #9c9 solid;}
td.c35 { background: #888; border:5px #666 solid;}
td.c36 { background: #899; border:#666 solid; border-width:2px 5px;}
td.c37 { background: #9c9; border:5px #666 solid;}
td.c38 { background: #987; border:2px #666 solid;}
td.c39 { background: #876; border:5px #987 solid;}
td.c40 { background: #f99; border:#987 solid; border-width:5px 10px}
td.c41 { background: #999; border:5px #987 solid;}
td.c42 { background: #797; border:5px #987 solid; }
td.c43 { background: #987; }
td.c44 { background: #999; border:#666 solid; border-width:5px;}
td.c45 { background: #373; border:5px #987 solid;}
td.c46 { background: #fff; border:#666 solid; border-width:10px 0px;}
td.c47 { background: #dfd; border:#9c9 solid; border-width:8px 8px 0px 0px;}
td.c48 { background: #dfd; border:#9c9 solid; border-width:0px 16px 8px 16px;}
td.c49 { background: #dfd; border:#9c9 solid; border-width:16px 0px 16px 8px;}
td.c50 { background: #9c9; }
td.c51 { background: #743; border:#965 solid; border-width:8px 12px; }
td.c52 { background: #777; border:#965 solid; border-width:4px; }
td.c53 { background: #575; border:#965 solid; border-width:4px 12px; }
td.c54 { background: #965; }
td.c55 { background: #743; border:#965 solid; border-width:16px 6px; }
td.c56 { background: #ffa; }
td.c57 { background: #060; }
td.c58 { background: #171; }
td.c59 { background: #743; border:#965 solid; border-width:4px; }
td.c60 { background: #eee; border:2px #9c9 solid; }
td.c61 { background: #999; }
td.c62 { background: #99c; border:5px #888 solid; }
td.c63 { background: #9c9; border:6px #632 solid; }
td.c64 { background: #ada; }
td.c65 { background: #ddd; }
td.c66 { background: #8b8; }
td.c67 { background: #7a7; }
td.c68 { background: #876; border:5px #666 solid; }
td.c100 { background: #000; }
td.fog { background: #999; border:0px;
background-image:url('../im/fog.jpg');}
p.ft { font-size:smaller; }
.cp { vertical-align:top; width:300px}
border: #676 solid; border-width:2px; margin:0px; text-align:center }
h2 { background:#787; padding:2px 8px; vertical-align:top;
border: #676 solid; border-width:2px; margin:0px; }
.gp { background:#000000; padding:16px; vertical-align:top;
border: #454 solid; border-width:4px; }
.gt { background:#676; padding:8px;
border: #565 solid; border-width:2px; }
.sms { background:#454; padding:16px;
border: #676 solid; border-width:2px; font-size:1.1em;
color:#000; font-family:small fonts,monospace; }
.sms p { padding:0px; margin:0px; }
.smsi { background:#454;
border: #000 solid; border-width:2px; font-size:1.1em;
color:#000; font-family:small fonts,monospace; }
.smss { background:#565; font-size:1.0em; font-size:1.1em;
border: #000 solid; border-width:2px; padding:2px;
color:#000; font-family:small fonts,monospace; }
.sms hr { background-color:#000; height:2px; color:#000; padding:0px;
margin:16px 0px; border:0px}
.apw { color:#900; background:#676 }
.y { font-size:smaller; background:#565; padding:4px; border:1px #565 outset; }
.ys { font-size:smaller; background:#565; padding:0px 2px; border:1px #565
outset; margin:0px 0px 0px 10px;}
.fa { margin:8px 20px; }
h1.prof { border:1px solid #050; background:#efe;
padding:4px; margin:0px; color:#040}
.sb { color:#ddd; background:#888; font-weight:bold; border:#444 solid;
border-width:0px 0px 2px 0px}
.sm { font-size:smaller; }
.xsm { font-size:70%; }
.slim { vertical-align:top; background:#FFE796; padding:4px; }
.slam { vertical-align:top; padding:4px; }
h1.smh { font-size:100%; display:inline; border:none; background:none;
padding:0px; margin:0px}
li.buy { color:#898; }
.sus { font-size:70% }
hr { background-color:#232; height:1px; color:#232; padding:0px;
margin:16px 0px}
.flav { margin:2px; background-color:#676; padding:4px 8px;}
.fnews { text-align:left; border:4px #343 solid; padding:8px;
margin:24px 4px 0px 4px; font-size:0.9em; background-color:#FAFFA4;
color:#898}
.fnews ul { padding:8px 0px 0px 16px; }
.fnews h4 { margin:4px; }
i.ls { font-size:0.8em; color:#9a9}
table.con tr td { text-align:center;padding:4px; }
table.prof tr td { padding:8px; }
table.prof {margin:8px; }
.adv { font-size:0.6em; text-align:center;}
table.nt { border:2px #000 solid; padding:0px; margin:16px; background:#000}
table.nt tr td { text-align:center; color:#000; margin:0px;
width:20px;height:20px;
padding:4px;
border:0px; spacing:0px }
.ad { background:#232; font-size:0.6em; text-align:center; width:300px; padding:0px 4px 4px 4px}
.ad img { background:#000; }
.con1 { font-weight:bold; color:#999; }
.con2 { font-weight:bold; color:#a00; }
.con3 { font-weight:bold; color:#a80; }
.con4 { font-weight:bold; color:#bb0; }
.con5 { font-weight:bold; color:#0b0; }
.con6 { font-weight:bold; color:#009; }
.con7 { font-weight:bold; color:#a5a; }
.con8 { font-weight:bold; color:#000; }
.con9 { font-weight:bold; color:#ccc; }
.con10 { font-weight:bold; color:#787; }
.con1:visited { font-weight:bold; color:#999; }
.con2:visited { font-weight:bold; color:#a00; }
.con3:visited { font-weight:bold; color:#a80; }
.con4:visited { font-weight:bold; color:#bb0; }
.con5:visited { font-weight:bold; color:#0b0; }
.con6:visited { font-weight:bold; color:#009; }
.con7:visited { font-weight:bold; color:#a5a; }
.con8:visited { font-weight:bold; color:#000; }
.con9:visited { font-weight:bold; color:#eee; }
.con10:visited { font-weight:bold; color:#787; }
.cps { background-color:#454; color:#fff; }
.cp1 { background-color:#999; }
.cp2 { background-color:#900; }
.cp3 { background-color:#950; }
.cp4 { background-color:#990; }
.cp5 { background-color:#090; }
.cp6 { background-color:#009; }
.cp7 { background-color:#909; }
.cp8 { background-color:#000; }
.cp9 { background-color:#ccc; }
.cpn { background-color:#666;font-style:italic; }
.ptt { font-family:verdana; }
.lob { background:#454; padding:8px; margin:8px 0px 0px 0px;}
.inf { color:#7c7; }
.fe { color:#787; }
i.lsfe { font-size:0.8em; color:#676}
.prfield { text-align:right; padding:4px; vertical-align:top; font-weight:bold }
.prsum { font-size:0.7em; }
.prbox { padding:4px; }
.prtab { width:95%; padding:8px 0px}
.spref { white-space:nowrap; background:#676; border:1px solid #787;
padding:0px 4px}
.proferror { color:#f99; }
.mutual { background:#787; }
.vidtable { border:4px #000 solid; background:#000; width:300px; height:100px;
padding:4px; margin:8px; float:left }
.vidimage { width:80px; padding:0px 8px 0px 0px; }
.vidtitle { color:#fff; font-size:1.2em;background:#000; }
.vidloc { color:#090; font-size:0.7em; font-family:monospace; }
.vidstamp { color:#090; text-align:right; font-size:0.8em; font-family:monospace; }
.filmpop { background:#000; color:#090; padding:16px; margin:8px; font-weight:bold; }
.romero { background:#000; padding:8px; vertical-align:top;
border: #454 solid; border-width:4px; text-align:center; margin:0px 0px 8px 0px;
font-size:0.9em; color:#fff }
.diaryside { background:#000; padding:0px;
border-width:0px; text-align:center; margin:0px 0px 4px 0px}
.competition { background:#676; padding:8px;
border: #565 solid; border-width:2px; font-size:0.9em; }
.smallprint { font-size:0.7em; }
.gamemessage { min-height:40px; }
#contenido
{
width:960px;
margin:0 auto;
text-align:center;
}
#contenido2
{
width:0px;
margin:0 left;
text-align:left;
}
nav ul li
{
display:inline-block;
margin-right:-25px;
color:#1d1d1d;
cursor: pointer;
}
#textoMenu
{
width:800px;
heidht:600px;
background-color:#00FF84;
color:#FFF;
margin:0 auto;
text-align:left;
border-radius:20px;
padding:-1px;
box-shadow:0px 0px 20px rgba(0,0,0,0.5);
}
#textoLogi
{
width:600px;
heidht:600px;
background-color:#00FF1A;
color:#FFF;
margin:0 auto;
text-align:left;
border-radius:20px;
padding:-1px;
box-shadow:0px 0px 20px rgba(0,0,0,0.5);
}
#textoPr
{
width:800px;
heidht:300px;
background-color:#1d1d1d;
color:#FFF;
margin:0 auto;
text-align:left;
border-radius:20px;
padding:20px;
box-shadow:0px 0px 20px rgba(0,0,0,0.5);
}
a
{
color:#e44e2d;
font-weight:bold;
}
#miCanvas
{
position: adsolute;
bottom:0px;
top:0px;
left:0px;
}
#textoNoticia
{
width:500px;
heidht:300px;
background-color:#FF0000;
color:#D1FF00;
margin:0 auto;
text-align:center;
border-radius:20px;
padding:20px;
box-shadow:0px 0px 20px rgba(0,0,0,0.5);
}
#textop2
{
width:500px;
heidht:300px;
background-color:#FF6E76;
margin:0 auto;
text-align:center;
border-radius:20px;
}
#infor
{
text-align:center;
color:#FC00FF;
}
#fecha
{
color:#00C4FF;
}
#IntroNoticias
{
color:#DEFF00;
}
#vamos
{
text-align:right;
}
