Entradas

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...

Llamar a imagenes en carpetas y subcarpetas con HTML y PHP

A veces, tenemos un esquema dentro de nuestra web de ésta manera: Raiz :   - index.html   - Imagenes   - Carpeta 1        -- Subcarpeta 1             -- index.php             -- Subcarpeta 1-2   -- Carpeta 2        -- Subcarpeta 2 --- A veces, estamos editando un código en html o php, donde necesitamos insertar una imagen. En el caso que la imagen esté en la misma carpeta que el documento que estamos programando, usaremos éste codigo: <img src="imagen.jpg"> --- Si nuestra imagen está en otra carpeta, por ejemplo la imagen está en la carpeta llamada "Imagenes" y nosotros estamos trabajando en el documento "index.html" que está en la carpeta raíz, para llamar a ésta imagen usaremos el codigo : <img src="Imagenes/imagen.jpg">  Sigamos con más ejemplos, si estamos trabajando en "index.php" y queremo...

Insertar documentos externos en PHP

Bueno, a veces cuando trabajamos en PHP, necesitamos insertar o incluir documentos externos, es decir, a veces tenemos un contador de visitas creado en PHP que nos guarda el contador en un fichero TXT y lo queremos ver dentro de nuestro sitio, o en cualquier caso simplemente queremos insertar un TXT o incluso un documento PHP, pues bueno este consejo es fácil y se usa de éste modo: Si ya tenemos abiertas nuestras llaves PHP y queremos insertarlo en cualquier parte solo escribiremos en una linea: include ("archivo.txt"); Y si no tenemos llaves de PHP abiertas, solo tenemos que abrirlas y despues cerrarlas, sería así: <?php include ("archivo.txt"); ?> De éste modo, quedaría insertado el contenido del documento ajeno que queremos, sea un txt o un codigo php. Obviamente, el documento donde pondremos éste codigo, debe ser extension PHP, por ejemplo: " index.php ", de otro modo no funcionaria. Si el documento está en una carpeta superior, usaremos e...