Categoría: Ejemplos CSS
Ejemplos CSS – Códigos de ejemplo ya escritos en CSS para páginas web
Menú y galería de imágenes tipo slide con CSS y HTML
Como conseguir la simulación de un “efecto slide” en menús y galerías de imágenes, solo con CSS y HTML.
Cambiar el estilo CSS de una web dinámicamente. Parte I – JavaScript
Vemos una primera parte de este mini-manual que vamos a tener sobre cómo modificar dinamicamente los estilos CSS en nuestra página web. En esta primera parte vemos como hacerlo con JavaScript.
Cambiar el estilo CSS de una web dinámicamente. Parte II – PHP
Vemos la segunda parte de este mini-manual que vamos a tener sobre cómo modificar dinamicamente los estilos CSS en nuestra página web. En esta segunda parte vemos como hacerlo con PHP.
Cambiar el estilo CSS de una web dinámicamente. Parte III – Las horas del día
En esta tercera parte vamos a empezar a ver como cambiar el estilo CSS de una web dinámicamente en función de las horas del día.
La especificidad en Hojas de Estilo CSS
Un pequeño pero eficaz consejo que puedo dar para todos aquellos que empiezan a desarrollar sus primeras hojas de estilo CSS, es tener en cuenta el factor de la especificidad en CSS, su influencia y la manera de controlarlo.
Fondos con gradientes – degradados con CSS3
En este artículo explicamos las dos formas que hay de hacer fondos con gradientes en CSS3, con códigos de ejemplo para entender mejor el procedimiento.
Animar texto con CSS3 y WebKit para Chrome y Safari
Explicación del uso de las etiquetas pulse y bounce, integradas dentro del motor WebKit (Chrome y Safari) para animar textos con CSS· puro.
¿Cómo cambiar el estilo de nuestro sitio dinámicamente? Parte IV – Final
Vemos la última parte de este mini-manual sobre cómo modificar dinamicamente los estilos CSS en nuestra página web. En esta última entrega terminamos el ejemplo de las horas del día.
Columnas múltiples con CSS3: column-count, column-gap, column-width y column-rule
Vemos como hacer con CSS3 columnas múltiples, un método muy sencillo de crear una estructura en columnas para tu web.
Soluciones a los problemas de visualización en Internet Explorer
Damos un repaso a las técnicas más usadas para lidiar con la tarea de conseguir que nuestra web se vea bien en todos los navegadores, poniendo especial atención a Internet Explorer, puesto que es el que más problemas causa.
Utilizar un loading o imagen de carga con CSS
Como usar una imagen animada de carga para amenizar la espera de tus usuarios.
Código CSS para cambiar el orden natural del contenido de una web
La forma en que se decida maquetar la página, no impide que podamos colocar los contenidos en el orden que creamos más conveniente, empleando adecuadamente las propiedades CSS.
Código listo para hacer un menú desplegable con XHTML y CSS
Menú emergente desarrollado exclusivamente con XHTML (o HTML) y CSS.
Efecto cortina con CSS3, jQuery y MooTools
En este artículo explicamos como llevar a cabo la codificación del efecto cortina mediante el uso de CSS3 y dos de los frameworks más utilizados de JavaScript: jQuery y Mootools.
Uso de CSS para aplicar estilo a barras de desplazamiento
En este artículo explicaremos cómo mejorar la apariencia de las barras de desplazamiento, para así adaptarlas a la interfaz de usuario de nuestro sitio.
Ejemplo de utilización de propiedades CSS avanzadas
Allgunos ejemplos de utilización de las propiedades CSS avanzadas “content”, “counter-reset” y “counter-increment”.
Sombras en el texto: la propiedad text-shadow de CSS3
Los efectos que se pueden conseguir sobre los textos aplicando “text-shadow” de CSS3 son simplemente impresionantes. Aquí les damos las bases para comenzar a trabajar con esta propiedad.
En este artículo explicamos algunos de los efectos que se pueden aplicar a imágenes gracias al uso de la propiedad filter.
Explicamos una técnica para poder rotar un texto con CSS, que sea visible en todos los navegadores
Crear una galería de imágenes solo con CSS y HTML
Presentación de un código hecho de una galería de imágenes desarrollada completamente en CSS y HTML, explicada de forma que puedan realizarse las modificaciones que se deseen.
Sombras y dimensiones con CSS3 – box-shadow
En este artículo practicamos con propiedades CSS3 para agregar sombras a las imágenes y efectos de profundidad al sitio.
Crear botones con propiedades CSS3
En este artículo prácticamos la estilización de botones con CSS3, utilizando gradientes, sombras y bordes
Formas de crear un texto vertical con CSS y HTML
Abordamos los distintos métodos que existen para colocar un texto de manera vertical en nuestra página.
CSS: Correcto uso de capas flotantes (float) con overflow
En este artículo explicamos como corregir el uso de flotantes dentro de un contenedor con la propiedad overflow
Expansión de una imagen de fondo con CSS
En este artículo explicamos dos métodos CSS distintos para expandir la imagen de fondo y tome el tamaño de la ventana del navegador.
Menú multicolor con XHTML y CSS
Ejemplo de menú en el que cad ítem tiene un color diferente, empleando solo XHMTL y CSS.
Propiedades básicas para el manejo de CSS3: Fondos (parte 3)
Tercera parte de una serie que expondrá las propiedades más utilizadas de CSS3, en esta parte nos enfocamos a la estilización de fondos.
Propiedades básicas para el manejo de CSS3: Capas (parte 2)
Segunda parte de una serie que expondrá las propiedades más utilizadas de CSS3, en esta parte nos enfocamos a la estilización de capas (div).
Propiedades básicas para el manejo de CSS3: Textos (parte 1)
Primera parte de una serie que expondrá las propiedades más utilizadas de CSS3, en esta parte nos enfocamos a la estilización de textos.
Algunos trucos CSS simples para la maquetación de páginas web
Ejemplos CSS sencillos para maquetación de páginas web.
Simular frames (marcos) con HTML y CSS
Efecto muy sencillo donde se simula la utilización de marcos, y que solo se realiza con HTML y CSS.
Como hacer fondos “elásticos” para títulos y menús
Como hacer para que un fondo de imágenes se adapte a la longitud del texto, siguiendo dos métodos diferentes. Ejemplo en títulos y en menús.