| Login php-Página en blanco.
Hola ante todo, soy nuevo en este foro y en esto de programación web. Bueno, la cosa es que estoy haciendo un sistema de usuarios con registro, login, perfil... y tengo un problema. No se por qué las páginas php se me quedan en blanco:
Ejemplo:
Página de login: Código PHP: <?php
<html lang="en">
<head>
<meta charset="utf-8">
<title>MineCrystal</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- Le styles -->
<link href="css/bootstrap.css" rel="stylesheet">
<style type="text/css">
body {
padding-top: 40px;
padding-bottom: 40px;
background-color: #2d2d2d;
background-image:url(imagen/fondo.jpg);
}
.form-signin {
z-index: 1;
max-width: 300px;
padding: 19px 29px 29px;
margin: 200px auto 20px;
background-color: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
box-shadow: 0 1px 2px rgba(0,0,0,.05); /* FF3.6+ */ /* Chrome,Safari4+ */
background: -moz-linear-gradient(left, rgba(15,150,0,0.65) 45%, rgba(15,150,0,0.18) 85%, rgba(19,145,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(45%,rgba(15,150,0,0.65)), color-stop(85%,rgba(15,150,0,0.18)), color-stop(100%,rgba(19,145,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(15,150,0,0.65) 45%,rgba(15,150,0,0.18) 85%,rgba(19,145,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(15,150,0,0.65) 45%,rgba(15,150,0,0.18) 85%,rgba(19,145,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(15,150,0,0.65) 45%,rgba(15,150,0,0.18) 85%,rgba(19,145,0,0) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(15,150,0,0.65) 45%,rgba(15,150,0,0.18) 85%,rgba(19,145,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a60f9600', endColorstr='#00139100',GradientType=1 ); /* IE6-9 */
margin-color: #fff;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
margin-bottom: 10px;
color: #fff;
}
.form-signin input[type="text"],
.form-signin input[type="password"] {
font-size: 16px;
height: auto;
margin-bottom: 15px;
padding: 7px 9px;
background: -moz-linear-gradient(left, rgba(30,87,153,1) 0%, rgba(89,148,202,1) 62%, rgba(95,154,207,0.7) 68%, rgba(125,185,232,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(30,87,153,1)), color-stop(62%,rgba(89,148,202,1)), color-stop(68%,rgba(95,154,207,0.7)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(30,87,153,1) 0%,rgba(89,148,202,1) 62%,rgba(95,154,207,0.7) 68%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(30,87,153,1) 0%,rgba(89,148,202,1) 62%,rgba(95,154,207,0.7) 68%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(30,87,153,1) 0%,rgba(89,148,202,1) 62%,rgba(95,154,207,0.7) 68%,rgba(125,185,232,0) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(30,87,153,1) 0%,rgba(89,148,202,1) 62%,rgba(95,154,207,0.7) 68%,rgba(125,185,232,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */
border: transparent;
color: #fff;
}
.form-signin button[type="submit"]{
background: -moz-linear-gradient(left, rgba(30,87,153,1) 0%, rgba(124,184,231,1) 99%, rgba(125,185,232,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(30,87,153,1)), color-stop(99%,rgba(124,184,231,1)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(30,87,153,1) 0%,rgba(124,184,231,1) 99%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(30,87,153,1) 0%,rgba(124,184,231,1) 99%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(30,87,153,1) 0%,rgba(124,184,231,1) 99%,rgba(125,185,232,0) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(30,87,153,1) 0%,rgba(124,184,231,1) 99%,rgba(125,185,232,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */
border: none;
margin-left: 100px;
}
#logo{
z-index: 3;
margin-top: -300px;
margin-left: 150px;
margin-bottom: -300px;
}
#bottom{
text-align: center;
color: #fff;
margin-bottom: -50px;
position: static;
}
#social{
z-index: 2;
margin-left: 850px;
margin-top: -230px;
margin-bottom: 20px;
width: 100px;
}
#ulogo{
z-index: 3;
color: #fff;
text-align: center;
margin-top: 150px;
margin-bottom: -170px;
}
</style>
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="../assets/js/html5shiv.js"></script>
<![endif]-->
<!-- Fav and touch icons -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
<link rel="shortcut icon" href="../assets/ico/favicon.png">
</head>
<body>
<img src="imagen/logo.png" id="logo">
<p id="ulogo">Para acceder al contenido es necesario estar registrado. <a href="registro.php">Registrate Aquí.</a>
<div class="container">
<form class="form-signin" action="validaentrar.php">
<input type="text" class="input-block-level" placeholder="Usuario" name="usuario">
<input type="password" class="input-block-level" placeholder="Contraseña" name="password">
<label class="checkbox">
<input type="checkbox" value="remember-me"> Recordar sesión.
</label>
<button class="btn btn-large btn-primary" type="submit">Entrar</button>
</form>
</div> <!-- /container -->
<div class="container" id="social">
<a href="https://www.facebook.com/mine.crystal.5"><img src="imagen/facebook.png" width="100"></a><br>
<a href="https://twitter.com/MineCrystal"><img src="imagen/twitter.png" width="100"></a>
</div>
<div class="container" id="bottom">
<p><a href="http://www.minecrystal.net/">minecrystal.net</a>© <a href="http://copyright.es/">Copyright</a> 2013-2014. All rights reserved
</p>
<p>Diseñado por zzapperrss<p>
</div>
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="../assets/js/jquery.js"></script>
<script src="../assets/js/bootstrap-transition.js"></script>
<script src="../assets/js/bootstrap-alert.js"></script>
<script src="../assets/js/bootstrap-modal.js"></script>
<script src="../assets/js/bootstrap-dropdown.js"></script>
<script src="../assets/js/bootstrap-scrollspy.js"></script>
<script src="../assets/js/bootstrap-tab.js"></script>
<script src="../assets/js/bootstrap-tooltip.js"></script>
<script src="../assets/js/bootstrap-popover.js"></script>
<script src="../assets/js/bootstrap-button.js"></script>
<script src="../assets/js/bootstrap-collapse.js"></script>
<script src="../assets/js/bootstrap-carousel.js"></script>
<script src="../assets/js/bootstrap-typeahead.js"></script>
</body>
</html>;
?> Espero que me puedan ayudar. Gracias. |