Borchani.COM – Blog

Css technique worn type, es una bonita técnica css, muy fácil de seguir que nos permite decorar nuestros encabezados. Básicamente lo que haremos será, introducir unas pequeñas líneas de código en nuestra hoja de estilo, que nos permitirá luego introducir una imagen cualquiera sobre nuestro titulo o encabezado tradicional. El resultado de esta técnica será un titulo con un efecto desgastado muy bonito. Ver Ejemplos

CSS:
h2 {
font:3em/1em Times, serif;
font-weight: bold;
margin:0;
position: relative;
overflow: hidden;
float: left;
}
h2 span {
position: absolute;
width: 100%;
height: 5em;
background: url(wornpattern.gif);
}
p {
clear: left;
}

HTML:

<h2><span></span>Decorar titulo</h2>

Ver Ejemplos

En CSSLab podremos encontrar un sencillo tip, para lograr a partir de imágenes y un poquito de código Css nuestras barras de porcentajes. Truco que vendrá bien para lograr hacer cosas muy bonitas.

Ver demo
Enlace a Medidor de porcentajes con CSS

En Snipplr publican una sencilla forma para conseguir mediante CSS tener siempre nuestras imágenes bien alineadas. Visto en intenta.

CSS:
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left
}