-
Fondo fijo en CSS
Alguna vez te has preguntado cómo se hacen los fondos de las páginas que no caminan, es decir, que cuando recorres para leer el texto el fondo se queda fijo. Pues aquí te tengo la solución para poner un fondo fijo con CSS. html { background: url(img/bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size:…
-
Imagen de fondo en CSS
Para colocar una imagen de fondo en una página web con CSS utilizamos el siguiente código: <html> <head> <style type="text/css"> body { background-image: url('IMAGEN.jpg') } </style> </head> <body> </body> </html>
-
Cambiar el color de fondo con CSS
Estás buscandó cómo cambiar el color de fondo de tu página y tus elementos, llegaste al lugar indicado. Las hojas de estilo o CSS nos permiten controlar de manera separada el color de fondo de cada uno de los elementos de nuestra página. Aquí les dejo un ejemplo para cambiar el color de fondo de…
-
Botón con Rollover 1 en CSS
Rollover 1 CSS Para este ejemplo debemos tener 3 imágenes las cuales funcionarán como; Reposo Sobre Presionado Luego en el cuerpo de nuestro sitio tenemos esto [codigo] <span id="bot1"> <a href="#2">INICIO</a> </span>[/codigo] Y asi para todos nuestros botones, después vamos a tener que hacer uso del CSS, iniciamos con este código:…
-
Cursor de Ayuda con CSS
Cuando tenemos un apartado de “ayuda” en nuestro sitio queremos que se vea bien, como una aplicación común del Sistema Operativo y necesitamos que cuando el cursor se sitúe sobre el enlace cambie el cursor al de “Ayuda”, con el código siguiente pueden lograrlo: <a href="ayuda-CSS.htm" style="cursor:help;">Ayuda CSS</a> Cabe mencionar que el código; style="cursor:help;"> puede…
-
Botón de Formulario en CSS
Cuando queremos que nuestro usuario vea un botón atractivo en nuestro formulario tenemos la etiqueta: <input type=”image”> Pero siempre nos quedan los bordes de los botones comunes en formularios, para corregir este problema solo debemos agregar este codigo style="margin-left:10px; cursor: hand; cursor: pointer; border: 0px none;" Quedando como resultado el siguiente código: <input type="image" src="images/boton-css.jpg"…
-
Botón Formulario en CSS
Cuando hacemos un formulario en HTML tenemos la necesidad de hacerlo atractivo para que el usuario no se sienta incomodo con un formulario con un pésimo diseño, para debemos programar en CSS una serie de instrucciones para poder ver un botón bonito y atractivo hacia nuestros usuarios, el código a introducir es el siguiente: <style…