Maquetación en CSS
CategoríaArtículos sobre maquetación de CSS.
Frames mediante CSS
Los Frames en mi opinión, son lo más molesto para los buscadores (y las personas), pero quien quiera usarlos, ¡por lo menos que lo use con CSS! Mucho más limpio y amigable. Te explicamos como crear un frame gracias al uso de CSS. dtsv.dtse_post_135_permalink = ‘http://www.cssblog.es/frames-mediante-css/’; dtsv.dtse_post_135_title = ‘Frames mediante CSS’;
Crear menús desplegables con CSS
Gracias a un Framework de CSS, ahora podemos crear menús desplegables 100% compatibles con nuestros navegadores, rápidos y fáciles de utilizar, con solo CSS (y en algunos ejemplos, puede que alguna imagen). Ver Framework para crear menús desplegables con CSS Vía | Leandrodonofrio dtsv.dtse_post_131_permalink = ‘http://www.cssblog.es/crear-menus-desplegables-con-css/’; dtsv.dtse_post_131_title = ‘Crear menús desplegables con CSS’;
Menú circular con submenús en CSS
¿No os parece increíble poder crear un menú en CSS con forma circular? Los chicos de CSSPlay lo consiguen gracias a su gran ingenio con CSS. El menú está testeado en IE6, IE7, Firefox, Opera, Safari (PC) y Google Chrome. Los iconos están cojidos del pack “Milky Set“. Ver menú circular dtsv.dtse_post_126_permalink = ‘http://www.cssblog.es/menu-circular-con-submenus-en-css/’; dtsv.dtse_post_126_title … Lee más!
Crear hr con CSS
Para los que no quieran usar HTML, también podremos crear <hr> con CSS. Solo debemos aplicarle este código: <head> <style type=”text/css”> hr.linea{ width:55%; height:0px;/*solo queremos borde*/ text-align:left; border-top:0px;/*quita el grosor extra de Opera y FFox*/ border-bottom:#CC0000 dashed 1px; } </style> </head> Lógicamente podremos cambiar los valores del estilo del borde (Por ejemplo, donde pone dashed, … Lee más!
Crear un mensaje secreto con CSS, posición y transparencia
Podemos crear un mensaje oculto con CSS, que cuando vayamonos desplazándonos por la página, las letras se coloquen en su lugar y recreen este mensaje oculto, gracias a la propiedad position y a la transparencia. dtsv.dtse_post_829_permalink = ‘http://www.cssblog.es/crear-un-mensaje-secreto-con-css-posicion-y-transparencia/’; dtsv.dtse_post_829_title = ‘Crear un mensaje secreto con CSS, posición y transparencia’;
Columnas equilibradas en CSS
Si queremos crear columnas equilibradas en CSS, utilizando divs y obviamente, CSS, solo tendremos que crear un nuevo archivo HTML, e incluir este código: <style type=”text/css”> #caja_izq {width: 850px; margin: 20px auto; color:#fff; background-color: #4c9ab1; overflow: auto; } #caja_der {width: 500px; float: right; background-color: #82b04d; border-left: solid 30px #fff; } .columna_izquierda {width: 280px; float: left; … Lee más!
Menus originales en CSS
Útil herramienta para poder crear divertidos menús en CSS, principalmente dedicado a webs de humor y cómics. Ver herramienta para crear menús originales Vía: http://www.anieto2k.com/2006/05/25/menus-divertidos-con-css/ dtsv.dtse_post_45_permalink = ‘http://www.cssblog.es/menus-originales-en-css/’; dtsv.dtse_post_45_title = ‘Menus originales en CSS’;
Bordes redondeados con CSS Sprites
Hasta que las técnicas de CSS3 aparezcan y podamos usar border-radius correctamente, podremos ir tirando gracias a CSS Sprites, una forma de crear bordes redondeados mediante divs con 4 imágenes (las 4 esquinas de los bloques). A continuación el enlace para crearlo: Bordes redondeados con CSS Sprites Vía: http://www.anieto2k.com/2008/12/29/bordes-redondeados-con-css-sprites/ dtsv.dtse_post_26_permalink = ‘http://www.cssblog.es/bordes-redondeados-con-css-sprites/’; dtsv.dtse_post_26_title = ‘Bordes … Lee más!
