febrero 24, 2009
Publicado en CSS,Desarrollo Web,Diseño,Maquetación | No comments
CSS – Flotador secundario a la derecha de los títulos de tus post
Un simple truco para agregar un flotador secundario con contenido a la derecha de los títulos de tus post. Básicamente esto lo podrás utilizar para variedad de propósitos, por ejemplo introducir un icono con el feed de cada post específico, el icono de comentarios, iconos de votación, Link hacia artículo completo, etc
Demo - cssglobe
HTML:
<h2>Titulo de post</h2>
<p class=”floater”><a href=”#”>Seguir leyendo…</a></p>
El margen superior del flotador depende de la altura del título, por lo tanto, primero necesitaremos ajustar eso.
CSS:
h2 {
height:24px;
line-height:24px;}
Ahora si el código CSS de nuestro flotador
CSS:
.floater {
margin:0;
float:right;
margin-top:-24px;
height:24px;
line-height:24px;}