Entradas

Mostrando entradas de septiembre, 2018

Crear cookies con tiempo en localhost - PHP

Para crear cookies "normales", es decir, en un dominio común como .MX , .NET. , COM etc., pues la cosa es muy sencilla, setcookie("cookie", "valor o contenido", time()+60, "/", ".midominio.com"; ...pero a veces tenemos problemas para crear cookies en nuestro LOCALHOST. Algunos ponen esta solucion: setcookie("mi-cookie", "contenido", false,"/",false); Pero yo, no la recomiendo NADA! Ni siquiera se ve el tiempo que nuestra cookie vivirá, o si queremos crear un "log in" y "log out", pues tendremos que comparar el contenido, etc etc y ademas... olvidenlo, no vale la pena hablar de algo que no es recomendable. Yo recomiendo la siguiente estructura, que es la misma para un dominio normal de la web, pero especial para localhost, y es el siguiente: setcookie("cookie", "valor o contenido", time()+60, "/", $_SERVER['HTTP_HOST']); Solución Perfe...

Fondo de DIV al 100% ancho o alto (Weight Height 100%)

Ajustar un fondo de DIV al 100% es muy sencillo. Tenemos 2 formas, agregando el "size" como 100% o (la que recomiendo) "cover". #mi-div {       background: url(imagen.jpg);       background-size: 100%; } Ahí, nuestro código le dice que queremos un fondo al 100%, pero ¿es realmente lo que queremos? Si crees que lo que necesitas es ajustarlo para que "cubra" todo lo ancho de tu DIV, puedes usar esto: #mi-div {       background: url(imagen.jpg);       background-size: cover; } O si lo que quieres es ajustar tu fondo al tamaño del contenido de tu DIV, puedes usar esto: #mi-div {       background: url(imagen.jpg);       background-size: contain; }

CSS: Fondo dijo - Background sin moverse

Para fijar nuestro fondo de pantalla es muy simple, usamos la indicacion "fixed" al finalizar la indicación de background en nuestro CSS: #div {           background: url(imagen/fondo.jpg) fixed; } Listo! Colocar "fixed" despues del parentesis deja el fondo inmovil y con un efecto visual muy agradable.

Centrar DIV horizontalmente

Para centrar una DIV de forma horizontal, debemos cumplir con 2 indicaciones dentro de nuestro CSS La primera indicación será en el html o body; normalmente con body es suficiente, pero vamos a asegurar la función. body, html {           width: 100%;           height: 100%;           margin: 0;           padding: 0; } De esta manera, nos aseguramos de que el contenido de la web estará abarcando el 100% de la pantalla y que tambien, no va a dejar margenes de ningún tipo. Despues de ésto, le agregamos a nuestra DIV la indicación de que queremos que se centre: #div {           margin: 0 auto; } El "0", le dice que no queremos espacios ni arriba ni abajo, y el "auto" lo centra, es el que hace la magia. Para que la DIV se centre, es importante indicarle el "width", ya que de lo contrario abarcará por default el 100% y de paso el "height" ya que su default es el 0, osea...

Configuracion basica en la estructura HTML

La estructura básica de nuestro html requiere de ciertas etiquetas, y estas etiquetas son las indicaciones que le otorgamos al navegador para una correcta visualización de nuestra web: <!Doctype html> <html> <head> <meta charset="UTF-8"> <title>Titulo</title> <link rel=stylesheet type="text/css" href="estilo.css"> <script src="script.js" language="javascript" type="text/javascript"></script> <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" /> <meta="robots" content="index, follow"> </head> <body> </body> </html> IMPORTANTE: Todas las etiquetas en el html se abren con un "<" y se cierran con un "</"; por ejemplo, abrimos con "<body>" y cerramos con "</body>" ...  E...