Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Bloguero-ec
Bloguero-ec
Codigo Fuente, programacin, Diseo Web
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 1/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 2/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 3/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec
1 <?php require_once('conexion.php');
2 /*
3 Nombre: Login php mysqli foto de perfi
4 Url http://www.bloguero-ec.com/publica
5 Descripcion: Inicio de sesin para ins
6 Autor: Bloguero-ec
7 Autor URL: http://www.bloguero-ec.com/
8 Dominio local: login-php-mysqli-foto-d
9 */
10 ?>
11 <!DOCTYPE html PUBLIC "-//W3C//DTD XHT
12 <html xmlns="http://www.w3.org/1999/xh
13 <head>
14 <meta charset="UTF-8">
15 <meta name="viewport" content="wid
16 <title>Login Php mysql mas foto de
17 <--Estilos utilizados -->
18 <link rel="stylesheet" href="css/e
19 <link rel="stylesheet" href="css/f
20 <link rel="stylesheet" href="css/f
21 <link href='http://fonts.googleapi
22 <!-- estilos fancyBox -->
23 <link rel="stylesheet" href="css/j
24 <link rel="stylesheet" href="scrip
25 <link rel="stylesheet" href="scrip
26 <script type="text/javascript" src
27 <!-- scripts fancyBox -->
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 4/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec
1 <body>
2
3 <header class="cabecera-barra">
4 <div class="cabecera-barra-1">
5 <!--Esta cabecera la he div
6 <?php include 'cabecera-bar
7 </div>
8
9 <!--Verificamos si est inicia
10 <?php if (isset($_SESSION['MM_
11 {?>
12 <div class="cabecera-barra-2">
13 <!--Esta cabecera la he div
14 <?php include 'cabecera-b
15 </div>
16 <?php }?>
17 </header>
18 <section class="contenido">
19 <!--Verificamos si se inici s
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 5/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec
20 <article class="post"><?php if
21 echo '<p class="info">Ust
22 echo '
23 <div class="tablauser" >
24 <table >
25 <tr>
26 <td>
27 Correo
28 </td>
29 <td >
30 Usuario
31 </td>
32 <td>
33 Foto de Pe
34 </td>
35 </tr>
36 <tr>
37 <td >
38 <a href="mail
39 </td>
40 <td>
41 <a href="per
42 </td>
43 <td>
44 <!--MOstramos
45 <div id="myim
46 <a id="singl
47 <img id="myi
48 </a>
49 </div>
50 <br/>
51 <button oncli
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 6/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec
52 </td>
53 </tr>
54 </table>
55 </div>
56 ';
57 }
58 else {
59 //Si no se a iniciado
60 echo '<p class="info"
61 }?></article>
62 </section>
63
64 <?php include 'contenido_lateral.p
65 <?php include 'footer.php'; ?>
66 <!--pequeo script para ocultar y m
67 <script type="text/javascript">
68 function showHide(){
69 var oImageDiv=document.getElem
70 oImageDiv.style.display=(oImag
71 }
72 </script>
73
74 </body>
75 </html>
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 7/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec
1 <?php require_once('conexion.php');
2 /*
3 Nombre: Login php mysqli foto de perf
4 Url http://www.bloguero-ec.com/public
5 Descripcion: Inicio de sesin para in
6 Autor: Bloguero-ec
7 Autor URL: http://www.bloguero-ec.com
8 Dominio local: login-php-mysqli-foto-
9 */
10 ?>
11 <?php
12 //verificamos si est iniciada la ses
13 if (isset ($_SESSION['MM_Id'])){
14 header ("Location: http://localho
15 }
16 ?>
17
18 <?php
19 //configuramos variables
20 @$insertar = $_REQUEST['insertar'];
21 @$mail_user = limpiar($_REQUEST['ma
22 @$nick_user = limpiar($_REQUEST['ni
23 @$pass_user = limpiar($_REQUEST['pa
24 @$pass_user2 = limpiar($_REQUEST['p
25 //creamos una foto de perfil por de
26 @$usuario = 'usuario.png';
27 //creamos una consulta para saber s
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 8/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec
60 $error = true;
61 }
62 else
63 @$errores["nick_user"] = "";
64
65 //pass verificmos que no se encu
66 if (trim($pass_user) == "")
67 {
68 @$errores["pass_user"] = "I
69 $error = true;
70 }
71 else
72 @$errores["pass_user"] = "";
73
74 //pass2 verificamos que no sea d
75 if (trim($pass_user2) == "")
76 {
77 @$errores["pass_user2"] = "
78 $error = true;
79 }
80 else
81 @$errores["pass_user2"] = ""
82 if(trim($pass_user2) != trim($pas
83 {
84 @$errores["pass_user2"] = "
85 $error = true;
86 }
87 else
88 @$errores["pass_user2"] = ""
89
90
91 }//fin insertar
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 10/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec
92
93 ?>
94 <!DOCTYPE html PUBLIC "-//W3C//DTD XH
95 <html xmlns="http://www.w3.org/1999/x
96 <head>
97 <!--Relacionamos los estilos con
98 <meta charset="UTF-8">
99 <meta name="viewport" content="wi
100 <title>Login Php mysql mas foto d
101 <link rel="stylesheet" href="css/
102 <link rel="stylesheet" href="css/
103 <link rel="stylesheet" href="css/
104 <link href='http://fonts.googleapis.c
105
106 </head>
107
108 <body>
109
110 <header class="cabecera-barra">
111 <div class="cabecera-barra-1"
112 <!--Incluimos la cabecera
113 <?php include 'cabecera-ba
114 </div>
115 <!-- verificamos la sesion pa
116 <?php if (isset($_SESSION['MM
117 {?>
118 <div class="cabecera-barra-2"
119 <?php include 'cabecera-
120 </div>
121 <?php }?>
122 </header>
123
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 11/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec
156 if (@$errores[
157 print ("<BR><SP
158 ?>
159 </td>
160 </tr>
161 <tr valign="baseline">
162 <td nowrap="nowrap" a
163 <td><input type="text
164 <?PHP
165 if (isset($inserta
166 print ("VALUE='
167 else
168 print ("/>");
169 if (@$errores[
170 print ("<BR><SP
171 ?>
172 </td>
173 </tr>
174 <tr valign="baseline">
175 <td nowrap="nowrap" a
176 <td><input type="pass
177 <?PHP
178 if (isset($inserta
179 print ("VALUE='
180 else
181 print ("/>");
182 if (@$errores[
183 print ("<BR><SP
184 ?>
185 </td>
186 </tr>
187 <tr valign="baseline">
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 13/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 14/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec
1 <?php require_once('conexion.php');
2 /*
3 Nombre: Login php mysqli foto de perf
4 Url http://www.bloguero-ec.com/public
5 Descripcion: Inicio de sesin para in
6 Autor: Bloguero-ec
7 Autor URL: http://www.bloguero-ec.com
8 Dominio local: login-php-mysqli-foto-
9 */
10 ?>
11 <!DOCTYPE>
12 <html>
13 <head>
14 <-- incluimos en la cabecera los
15 <meta charset="UTF-8">
16 <meta name="viewport" content="wi
17 <title>Login Php mysql mas foto d
18 <link rel="stylesheet" href="css/
19 <link rel="stylesheet" href="css/
20 <link rel="stylesheet" href="css/
21 <link href='http://fonts.googleap
22
23 </head>
24
25 <body>
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 15/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec
26
27 <header class="cabecera-barra">
28 <div class="cabecera-barra-1"
29 <?php include 'cabecera-ba
30 </div>
31
32 <!--verificamos que est inic
33 <?php if (isset($_SESSION['MM
34 {?>
35 <div class="cabecera-barra-2"
36 <?php include 'cabecera-
37 </div>
38 <?php }?>
39 </header>
40 <!--conetnido -->
41 <section class="contenido">
42 <article class="post">
43 <!--formulario-->
44 <form name="login" action=""
45 <table width="50%" align="center"
46 <p class="info">Inicie Sesi
47 <tr>
48 <td>
49 <?php
50 if (isset($_POST['login']))
51 {//post login
52 $usuario = limpiar($_REQUE
53 $clave = limpiar($_REQUEST
54 $salt = substr ($usuario,
55 $clave_crypt = crypt ($cla
56 //consultamos si exxiste e
57 $consulta = "SELECT * FROM
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 16/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec
58 $resultado = $link->query(
59 /* obtener un array aso
60 $ses = $resultado->fetch_a
61
62 if(($usuario != '') && ($clave !=
63 {
64
65 if(@mysqli_num_rows($resul
66 {//buscamos usuario
67 if($ses['pass_use
68 {
69 if($ses['rang
70 {//verifica
71 if($ses
72 {//vem
73 //declara
74 $_SESSION
75 $_SESSION
76 $_SESSION
77 $_SESSION
78 $_SESSION
79 }//fin
80
81 else
82 {
83 $fech
84 echo'
85 }
86
87 }//fin de v
88 else
89 {
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 17/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec
90 echo '<str
91 }
92
93 }
94 else
95 {
96 echo '<strong
97 }
98 }//fin de busqueda us
99 else
100 {
101 echo '<strong cla
102 }
103
104
105 $resultado->free();
106
107 }
108 //verificamos que los campos
109 else
110 {
111 echo '<strong class="error">D
112 }
113
114 }//fin post login
115
116
117 if (isset ($_SESSION['MM_Id
118 header ("Location: http
119 }
120 else
121 {
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 18/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec
122
123
124 ?>
125 </td>
126 </tr>
127 </table>
128 <table width="50%" align="cen
129 <tr>
130 <td width="110">Correo</t
131 <td width="170"><label fo
132 <input type="email" nam
133 </tr>
134 <tr>
135 <td>Password</td>
136 <td><label for="password"
137 <input type="password"
138 </tr>
139 <tr >
140 <td> </td>
141 <td align="right"><br/><i
142 </tr>
143 </table>
144 </form>
145 </article>
146 </section>
147
148 <?php include 'contenido_lateral.
149 <?php include 'footer.php'; ?>
150 <?php
151 }
152 ?>
153
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 19/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec
154 </body>
155 </html>
1 <?php require_once('conexion.php');
2 /*
3 Nombre: Login php mysqli foto de perf
4 Url http://www.bloguero-ec.com/public
5 Descripcion: Inicio de sesin para in
6 Autor: Bloguero-ec
7 Autor URL: http://www.bloguero-ec.com
8 Dominio local: login-php-mysqli-foto-
9 */
10 ?>
11 <!DOCTYPE html>
12 <html>
13 <head>
14 <meta charset="UTF-8">
15 <meta name="viewport" content="wi
16 <title>Login Php mysqli mas foto
17 <link rel="stylesheet" href="css/
18 <link rel="stylesheet" href="css/
19 <link rel="stylesheet" href="css/
20 <link href='http://fonts.googleap
21 <script type="text/javascript" sr
22 <script type="text/javascript" sr
23 </head>
24
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 20/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec
25 <body>
26
27 <!--verificamos las sesion para h
28 <header class="cabecera-barra">
29 <?php if (!isset($_SESSION['M
30 {?>
31 <div class="cabecera-barra-1"
32 <?php include 'cabecera-ba
33 </div>
34 <?php }?>
35
36 <?php if (isset($_SESSION['MM
37 {?>
38 <div class="cabecera-barra-2"
39 <?php include 'cabecera-
40 </div>
41 <?php }?>
42 </header>
43
44 <!--contenido-->
45 <section class="contenido">
46 <article class="post"><?php i
47 echo '<p class="info">Us
48 echo '
49 <div class="tablauser" >
50 <table >
51 <tr>
52 <td>
53 Correo
54 </td>
55 <td >
56 Usuario
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 21/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec
57 </td>
58 <td>
59 Foto de p
60 </td>
61 </tr>
62 <tr>
63 <td >
64 <a href="mai
65 </td>
66 <td>
67 <a href="pe
68 </td>
69 <td>'; ?>
70 <!--verif
71 <?php
72 @$act
73 @$err
74 //arr
75 @$arc
76 //car
77 @$car
78 //rec
79 @$ima
80 //gua
81 @$nom
82 //el
83 @$arr
84 @$cue
85 @$ext
86 //cre
87 @$nom
88 //nom
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 22/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec
89 @$nom
90
91 if (isse
92 {//ingre
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107 }
108 // Si los dat
109 if (isset($ac
110 {
111
112 $id= $_SE
113 $actualiz
114 $resultad
115 $mover_ar
116
117 $_SESSION
118 unset($_S
119
120 $select_f
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 23/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec
121 $res_foto
122 $ses = $r
123 $_SESSION
124
125 //echo "<
126 //echo "<
127 echo "Se
128 echo'<img
129
130 }
131 else
132 {
133 ?>
134 <img id="th
135 <br/>
136 <!--formula
137 <form actio
138 <div class=
139 <span> Esc
140 <input clas
141 <?PHP
142 if (
143 /
144 p
145 else
146 p
147 if (
148 /
149 p
150 ?>
151 </div>
152 <input clas
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 24/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec
153 </form>
154 <?PHP
155 }
156 ?>
157
158 <?php
159 echo '</td>
160 </tr>
161 </table>
162 </div>';
163 }
164 //si no ha iniciado sesi
165 else {
166 echo '<p class="info
167 }?>
168 </article>
169 </section>
170
171 <?php include 'contenido_lateral.
172 <?php include 'footer.php'; ?>
173
174 </body>
175 </html>
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 25/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec
1 <?php
2 // *** validamos para el login del sit
3 if (!isset($_SESSION)) {
4 session_start();
5 }
6 ?>
7 <?php
8 //conectamos la tabla
9 $link = mysqli_connect("localhost","ro
10 ?>
11 <?php
12 //verificamos el archivo include si lo
13 if (is_file ('include/include.php')){
14 include ('include/include.php');
15 }
16 else {
17 include ('../include/include.php')
18 }
19 ?>
1 /*
2 Nombre: Login php mysqli foto de perf
3 Url http://www.bloguero-ec.com/public
4 Descripcion: Inicio de sesin para in
5 Autor: Bloguero-ec
6 Autor URL: http://www.bloguero-ec.com
7 Dominio local: login-php-mysqli-foto-
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 26/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec
8 */
9 body{
10 margin: 0;
11 }
12
13 a{text-decoration:none;}
14 a:hover{text-decoration:underline;}
15 .contenido, .contenido-lateral, .pie-
16 padding: 1em 2em;
17 }
18
19 .contenido, .contenido-lateral, .pie-
20 float: left;
21 box-sizing: border-box;
22 }
23
24
25 .contenido{
26 width: 60%;
27 }
28
29 .contenido-lateral{
30 width: 40%;
31 background-color: #CCC;
32 border-left:#999 1px solid;
33 height: 500px;
34 }
35
36 .post{
37 height: auto;
38 padding:35px;
39 }
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 27/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec
40
41 .pie-pagina{
42 width: 100%;
43 background-color: #333;
44 height: auto;
45 }
46
47 .post .input {
48 width:50px;
49 }
50 <!--cabecera-->
51 .cabecera-barra{
52 font:13px Arial, Helvetica, sans-
53 }
54
55 .cabecera-barra .cabecera-separador{
56 max-width: 1200px;
57 text-align: center;
58 margin: 0 auto;
59 }
60
61 /* Logotipo */
62
63 .cabecera-barra h1{
64 float: left;
65 font: normal 28px Cookie, Arial,
66 line-height: 40px;
67 margin: 0;
68 }
69
70 .cabecera-barra h1 span {
71 color: #bc40df;
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 28/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec
72 }
73
74 /* barra 1*/
75
76 .cabecera-barra .cabecera-barra-1{
77 background-color:#292c2f;
78 box-shadow:0 1px 1px #ccc;
79 padding: 20px 40px;
80 height: 80px;
81 color: #ffffff;
82 box-sizing: border-box;
83 }
84
85 .cabecera-barra .cabecera-barra-1 a {
86 color: #ffffff;
87 text-decoration: none;
88 }
89
90 .cabecera-barra .cabecera-barra-1 nav
91 font:14px Arial, Helvetica, sans-
92 line-height: 40px;
93 float: left;
94 margin: 0 0 0 60px;
95 padding: 0;
96 }
97
98 .cabecera-barra .cabecera-barra-1 nav
99 display: inline-block;
100 padding: 0 5px;
101 opacity: 0.9;
102 text-decoration:none;
103 line-height: 1;
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 29/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec
104 }
105
106 .cabecera-barra .cabecera-barra-1 nav
107 opacity: 1;
108 }
109
110 .cabecera-barra .cabecera-barra-1 nav
111 border-radius: 2px;
112 background-color: #2B5773;
113 padding: 8px 12px;
114 }
115 .cabecera-barra .cabecera-barra-1 ul{
116 font: 14px Arial, Helvetica, sans
117 list-style: none;
118 line-height: 1;
119 float: right;
120 }
121 .cabecera-barra .cabecera-barra-1 ul
122 display: inline-block;
123 margin-left: 15px;
124 opacity:0.9;
125 }
126 .cabecera-barra .cabecera-barra-1 ul
127 opacity: 1;
128 }
129 .cabecera-barra .cabecera-barra-1 ul
130 font-weight: bold;
131 background-color: #3a3c3e;
132 padding: 10px 15px;
133 border-radius: 3px;
134 }
135 .cabecera-barra .cabecera-barra-1 .he
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 30/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec
168 }
169 .cabecera-barra .cabecera-barra-1 .he
170 .cabecera-barra .cabecera-barra-1 .he
171 .cabecera-barra .cabecera-barra-1 hea
172 display:block;
173 }
174 .cabecera-barra .cabecera-barra-1 .he
175 padding:5px;
176 }
177 .cabecera-barra .cabecera-barra-1 .he
178 opacity:0.9;
179 }
180 .cabecera-barra .cabecera-barra-1 .he
181 color:#e9ac09;
182 }
183 .cabecera-barra .cabecera-barra-1 .he
184 border-radius:50%;
185 position:absolute;
186 top:6px;
187 max-width: 28px;
188 right:10px;
189 }
190 /*errores de sesiones */
191 .error{color:#900; font-size:1em; tex
192 .info{color:#030; font-size:1.5em; te
193 /* Barra 2*/
194 .ver-foto{
195 cursor:pointer;
196 background-color: #8abff7;
197 border: 1px solid #6e6dd6;
198 padding: 4px;
199 width: 150px;
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 32/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec
200 }
201
202 .enviar-foto{
203 cursor:pointer;
204 background-color: #F0F0F0;
205 border: 1px solid #BEC6D6;
206 padding: 4px;
207 width: 150px;
208 }
209 .login-registro{
210 cursor:pointer;
211 background-color: #F0F0F0;
212 border: 1px solid #BEC6D6;
213 padding: 4px;
214 width: 150px;
215 }
216 .escogerFoto {
217 position: relative;
218 overflow: hidden;
219 margin: 10px;
220 }
221 .escogerFoto input.escoger {
222 position: absolute;
223 top: 0;
224 right: 0;
225 margin: 0;
226 padding: 0;
227 font-size: 20px;
228 cursor: pointer;
229 opacity: 0;
230 filter: alpha(opacity=0);
231 }
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 33/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec
264 }
265 .tablauser table tr:first-child td:fi
266 -moz-border-radius-topleft:0px;
267 -webkit-border-top-left-radius:0p
268 border-top-left-radius:0px;
269 }
270 .tablauser table tr:first-child td:la
271 -moz-border-radius-topright:0px;
272 -webkit-border-top-right-radius:0
273 border-top-right-radius:0px;
274 }.tablauser tr:last-child td:first-ch
275 -moz-border-radius-bottomleft:0px
276 -webkit-border-bottom-left-radius
277 border-bottom-left-radius:0px;
278 }.tablauser tr:hover td{
279
280 }
281 .tablauser tr:nth-child(odd){ backgro
282 .tablauser tr:nth-child(even) { ba
283 vertical-align:middle;
284
285
286 border:1px solid #6e6dd6;
287 border-width:0px 1px 1px 0px;
288 text-align:center;
289 padding:19px;
290 font-size:12px;
291 font-family:Arial;
292 font-weight:normal;
293 color:#0600d1;
294 }.tablauser tr:last-child td{
295 border-width:0px 1px 0px 0px;
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 35/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec
360 }
361
362 .cabecera-barra .cabecera-barra-2 nav
363 color: #A9B7BF;
364 margin: 0 4px 0 15px;
365 }
366
367
368 /* Hacemos responsive la cabecera us
369
370 @media screen and (min-width: 600px)
371
372 .contenido, .contenido-lateral{
373 width: 100%;
374 }
375
376 }
377 @media screen and (max-width: 600px)
378 .contenido, .contenido-lateral{
379 width: 100%;
380 }
381 .cabecera-barra .cabecera-barra-1
382 padding:20px 0;
383 }
384
385 .cabecera-barra .cabecera-barra-1
386 float: none;
387 margin: -8px 0 2px;
388 text-align: center;
389 font-size: 24px;
390 line-height: 1;
391 }
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 38/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec
392
393 .cabecera-barra .cabecera-barra-1
394 margin: 0;
395 float: none;
396 font-size:13px;
397 }
398
399 .cabecera-barra .cabecera-barra-1
400 padding: 5px 8px;
401 }
402 .cabecera-barra .cabecera-barra-1
403 display: none;
404 }
405
406
407 .cabecera-barra .cabecera-barra-2
408 padding: 20px 0;
409 }
410
411 .cabecera-barra .cabecera-barra-2
412 float:none;
413 margin: 0 0 12px;
414 }
415
416 .cabecera-barra .cabecera-barra-2
417 text-align: center;
418 }
419
420 .cabecera-barra .cabecera-barra-2
421 display: block;
422 padding: 8px;
423 }
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 39/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec
424
425 .cabecera-barra .cabecera-barra-2
426 margin-left:0;
427 }
428
429 }
430 @media screen and (max-width: 480px)
431 .contenido{
432 background-color: rgb(250, 25
433 }
434
435 .contenido, .contenido-lateral{
436 width: 100%;
437 }
438
439 .cabecera-barra .cabecera-barra-2
440 font-size:14px;
441 }
442 .cabecera-barra .cabecera-barra-1
443 display: none;
444 }
445 .post .input{ width:15px;}
446
447 }
1 <?php
2 /* obtener nombre de usuario*/
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 40/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec
3 function nombre_user($iduser){
4
5 global $link;
6 mysqli_select_db($link, "pruebas
7 $query_obtenernombre = sprintf("
8 $obtenernombre = $link->query($q
9 $row_obtenernombre = $obtenernom
10 $totalRows_obtenernombre = mysql
11
12 return $row_obtenernombre['nick_
13 $obtenernombre->free();
14 }
15
16 /*Funcin que se encarga de eliminar
17 function limpiar($var)
18 {
19 $var = trim($var);
20 $var = htmlspecialchars($var);
21 $var = str_replace(chr(160),'',$
22 return $var;
23 }
24
25 /*Funcin que se encarga de validar el
26 function validar_email($email){
27 $mail_correcto = 0;
28 //compruebamos
29 if ((strlen($email) >= 6) && (subs
30 {
31 if ((!strstr($email,"'")) && (!
32 {//miro si tiene caracter .
33 if (substr_count($email,".")
34 {//obtengo la terminacion de
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 41/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec
35 $term_dom = substr(strrch
36 //compruebo que la termin
37 if (strlen($term_dom)>1 &
38 {//compruebo que lo de an
39 $antes_dom = substr($e
40 $caracter_ult = substr
41 if ($caracter_ult != "
42 {
43 $mail_correcto = 1;
44 }
45 }
46 }
47 }
48 }
49 if ($mail_correcto)
50 return 1;
51 else
52 return 0;
53 }
54
55 ?>
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 42/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec
1 <?php
2 //incluimos la coneccin
3 require_once('../conexion.php');
4 ?>
5 <?php
6 // ** cerrar sesion **
7 if(isset($_GET['modo']) == 'de
8 {
9
10 //limpiamos todas las variable
11 $_SESSION['MM_Username'] = NUL
12 $_SESSION['MM_Id'] = NULL;
13 $_SESSION['MM_Nick_user'] = NU
14 $_SESSION['MM_Foto_user'] = NU
15 $_SESSION['MM_mail_user'] = NU
16
17 unset($_SESSION['MM_Username
18 unset($_SESSION['MM_Id']);
19 unset($_SESSION['MM_Nick_use
20 unset($_SESSION['MM_Foto_use
21 unset($_SESSION['MM_mail_use
22
23 //redireccionamos al index
24 header ("Location: http://lo
25
26 }
27 ?>
1 function showMyImage(fileInput) {
2 var files = fileInput.files;
3 for (var i = 0; i < files.leng
4 var file = files[i];
5 var imageType = /image.*/;
6 if (!file.type.match(image
7 continue;
8 }
9 var img=document.getElemen
10 img.file = file;
11 var reader = new FileReade
12 reader.onload = (function(
13 return function(e) {
14 aImg.src = e.targe
15 };
16 })(img);
17 reader.readAsDataURL(file)
18 }
19 }
1 <div class="cabecera-separador">
2
3 <h1><a href="index.php">Bloguero<s
4
5 <nav>
6 <a href="#" class="activo">Ver
7 </nav>
8
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 44/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec
9 <?PHP
10 //si no se ha iniciado Sesin
11 if (!isset($_SESSION['MM_Id']))
12 {
13 ?>
14
15 <ul>
16 <li><a href="login.php">Login<
17 <li><a href="registro.php">Reg
18 </ul>
19
20
21 <?php
22 }
23 else
24 { //sesion iniciada
25 ?>
26 <div class="header-user-menu">
27
28 <img src="user/<?php echo $_
29
30 <ul>
31 <li><?php echo nombre_u
32 <li><a href="perfil.php"
33 <li><a href="include/des
34 </ul>
35 </div>
36 <?php }?>
37
38 </div>
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 45/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec
1 <div class="cabecera-separador">
2 <h2><a href="http://www.bloguero-ec.
3 <nav>
4 <a href="index.php"><i class="f
5 <a href="perfil.php"><i class="
6 <a href="#"><i class="fa fa-dow
7 </nav>
8 </div>
1 <aside class="contenido-lateral">
2 <div align="center">
3 <script async src="//pagead2.googl
4 <!-- bloguero-responsive -->
5 <ins class="adsbygoogle"
6 style="display:block"
7 data-ad-client="ca-pub-692715
8 data-ad-slot="4921271120"
9 data-ad-format="auto"></ins>
10 <script>
11 (adsbygoogle = window.adsbygoogle
12 </script>
13 </div>
14 </aside>
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 46/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec
1 <footer class="pie-pagina">
2 <div align="center">
3 <script async src="//pagead2.googl
4 <!-- bloguero-responsive -->
5 <ins class="adsbygoogle"
6 style="display:block"
7 data-ad-client="ca-pub-692715
8 data-ad-slot="4921271120"
9 data-ad-format="auto"></ins>
10 <script>
11 (adsbygoogle = window.adsbygoogle
12 </script>
13 </div>
14 </footer>
Me gusta:
Me gusta
S el primero en decir que te gusta.
Relacionado
Login Mvc Php Mysql Ajax. Login php mysql para web Sistema de noticias php mysql
jquery para web...
Poltica de Comentarios de Bloguero-ec
http://www.bloguero-ec.com/politica-de-privacidad
Por favor lea nuestra Poltica de Comentarios antes de comentar.
42 Comentarios Bloguero-ec
1 Acceder
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 48/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec
nete a la conversacin...
Nombre
codigo..
Responder Compartir
MIl Gracias
Responder Compartir
(linea44-) elseif($res=$resultado_consulta->fetch_array())
{
@$errores["mail_user"] = "El email ya esta registrado.!";
$resultado_consulta->free();
$error = true;
}
Responder Compartir
// JavaScript Document
$(document).ready(function() {
$("#single_4").fancybox({
helpers : {
title : {
type : 'over'
}
}
});
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 51/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec
});
Responder Compartir
Responder Compartir
Gundo hace un ao
Hola. excelente aporte, en la demostracin funciona excelente. pero al momento de querer probarlo
me arroja el siguiente error:
$resultado_consulta = $link->query($consulta);
$error = false;
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 53/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec
lo de este error:
cabecera-barra1.php
verificando en mi caso es porque: cabecera_barra1.php
TAMBIN EN BLOGUERO-EC
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 54/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec
Mas Publicaciones
Lenguajes de programacin y frameworks que usted
debe aprender en 2016
Mucho ha pasado en el mundo del desarrollo de software ....
Siguenos
Facebook
Twitter
Google Follow
Disqus
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 55/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec
FELICIDADES!
Es el ususario 1.000.000!
ONLINE:
11/10/2017
21:15
Nuestro
sistema
aleatorio de
seleccin de
ganadores
podra elegirle
como ganador
de un
producto
APPLE
CLIC AQUI
Aldaniti
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 56/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 57/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 58/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 59/59