Archivo

Archivo para la categoría ‘css’

Qué son y para qué sirven las pseudo-clases :first-child, :last-child y :nth-child

Domingo, 11 de marzo de 2012 Sin comentarios

Original de Summarg.org

Las pseudo-clases son selectores que nos permiten añadir diferentes estilos a un mismo elemento dependiendo de determinadas condiciones. Amplían nuestras posibilidades sin necesidad de modificar el código HTML. La pseudo-clase mas conocida es :hover, que nos permite cambiar el estilo de un link cuando el puntero del mouse pasa por arriba del mismo. Leer más…

Articulos relacionados:

  • No hay artículos relacionados
Categories: css Tags:

Utilidades online para CSS (optimizar, comprimir, crear menús)

Sábado, 3 de abril de 2010 Sin comentarios

Articulo Original de Ribosomatic

Una lista de utilidades o herramientas para optimizar y comprimir nuestras hojas de estilo (CSS, cómo también para crear layouts o menús. Leer más…

Articulos relacionados:

Categories: css Tags:

Layouts para tu web

Viernes, 11 de abril de 2008 1 comentario
Categories: css, layout Tags: ,

Crear menus de Tabs con CSS

Viernes, 11 de abril de 2008 Sin comentarios
Categories: css, menú, tabs Tags: , ,

Bases de la Maquetacion con CSS

Viernes, 11 de abril de 2008 Sin comentarios

Hablando con un compañero del trabajo que me pregunto como usar capas para un determinado diseño, se me ocurrió escribir sobre unas cuantas propiedades de CSS que se usan habitualmente en los diseños y que hay que tener bastante claras. Leer más…

Articulos relacionados:

Categories: css Tags: ,

Templates gratuitos de CSS Creme

Martes, 26 de febrero de 2008 Sin comentarios

El directorio CSS Creme posee una sección con varios templates gratuitos , de excelentes diseños, válidos en CSS y XHTML.

Via: Stylegala

Articulos relacionados:

Categories: css, varios, web Tags: ,

Bordes redondeados en webs (sin esfuerzo) con Nifty Corners Cube

Viernes, 9 de noviembre de 2007 Sin comentarios

Articulo Original de Planet Webdev

Si eres de los que, como yo, piensan que la moda de los bordes redondeados la ha impuesto gente que odia a los programadores y diseñadores de webs, nunca te ha convencido introducir (X)HTML sin carga semántica sólo para poder incluir estas filigranas en las esquinas de los DIVS o elementos de bloque similares, o no soportas crear imágenes redondeadas para las esquinas, es posible que te interese Nifty Corners Cube.

Leer más…

Articulos relacionados:

Categories: css Tags: ,

Descarga gratis: 15 menus profesionales CSS

Martes, 9 de octubre de 2007 14 comentarios

Original de Adictos a la Red

A través del blog webappers.com me enteré de la existencia del sitio CSSPlay en el que encontré un interesante conjunto de 15 menus CSS con efectos de rollover listos para su descarga. Estos menus funcionan perfectamente en todos los navegadores y son libres por lo que pueden ser usados tanto en proyectos personales como comerciales.

Enlace: 15 menus css
Vía: webappers.com

Articulos relacionados:

Categories: css, menú Tags: ,

3 nuevos menús en CSS

Viernes, 24 de agosto de 2007 Sin comentarios

Articulo Original de Ribosomatic

Una lista de nuevos menús para todos los gustos! gracias a nuestros amigos de CSSPlay.

Leer más…

Articulos relacionados:

  • No hay artículos relacionados
Categories: css, menú Tags:

Blueprint, framework para css

Viernes, 24 de agosto de 2007 Sin comentarios

Articulo Original de TuFuncion

Blueprint es un framework para CSS que se centra en reducir el tiempo de desarrollo de tus CSS con numerosas interesantes características que te permiten hacer más con menos.

Este framework de CSS por lo tanto nos da soporte para organizar y desarrollar nuestros CSS e ir encajando todas aquellas piezas que integren nuestra plantilla final.

Instalación

Para instalar Blueprint deberemos descargarnos el paquete y colocarlo en el directorio de CSS de nuestro sitio, una vez hecho esto tendremos que añadir estas líneas a la cabecera de la página en la que queramos utilizarlo.

<link rel=”stylesheet” href=”css/blueprint/screen.css” type=”text/css” media=”screen, projection”>
<link rel=”stylesheet” href=”css/blueprint/print.css” type=”text/css” media=”print”>

Leer más…

Articulos relacionados:

  • No hay artículos relacionados
Categories: blueprint, css, framework Tags:

Reseteando estilos CSS

Jueves, 9 de agosto de 2007 1 comentario

Articulo Original de aNieto2K

Por defecto, todos los elementos HTML tienen unos atributos CSS predeterminados. Estos estilos, generalmente son los ocasionantes de algunos de los problemas más comunes en el famoso cross-browsing (verse bien en todos los navegadores). Y por ello puede ser interesante resetearlos, para evitar que estos elementos nos descuadren la página.
Leer más…

Articulos relacionados:

  • No hay artículos relacionados
Categories: css Tags:

Menu desplegable con CSS

Viernes, 3 de agosto de 2007 4 comentarios

Articulo Original de Ribosomatic

Menu Desplegable con CSS

Encuentro esta interesante utilidad hecho en CSS: un menu desplegable muy interesante con una imagen de fondo (creo que si usamos PHP podemos hacer que esta imagen sea aleatoria…es una idea nada mas). Este menu trabaja sobre IE 5.5 o superior, Firefox, Opera, Safari (Windows) sin ningún problema.

Visto en CSSplay

Articulos relacionados:

  • No hay artículos relacionados
Categories: css, menú Tags:

42 layouts “Faux Column” para descargar

Lunes, 25 de junio de 2007 Sin comentarios

Vía Leandono´s Blog

Faux Column es una técnica CSS para crear layouts utilizando una imágen de fondo a lo largo de la página. Esta imagen es la que formará las columnas. A través de delicious encuentro que en code-sucks hay 42 layouts listos para descargar o probar utilizando esta técnica. Uno más para la lista .

Articulos relacionados:

  • No hay artículos relacionados
Categories: css, estilos, layouts Tags:

thumbs de imágenes con css y js (eso es ajax cierto ?)

Jueves, 8 de febrero de 2007 Sin comentarios

Artículo Original : TuFuncion.com

Genial visor de thumbnail que se puede aplicar a cualquier enlace de la página en la que trabajamos, su interfaz es secilla y clara, su uso es tan sencillo cómo añadir a la propiedad rel la palabra thumbnail (rel=”thumbnail”).

Leer más…

Articulos relacionados:

  • No hay artículos relacionados
Categories: Ajax, css, estilos, links Tags:

Cómo estructurar una hoja de estilos

Domingo, 17 de diciembre de 2006 Sin comentarios

El propósito de este artículo es mostrar cómo estructurar de una forma sencilla y ordenada nuestras Hojas de Estilo (CSS). Leer más…

Articulos relacionados:

  • No hay artículos relacionados