lunes, 20 de agosto de 2012

Un Título de Entrada diferente.

¿Os gusta esta manera de presentar los títulos de vuestras entradas? El milagro lo opera como no podía ser de otra manera, el código CSS, los recurrentes stylos. Es sencillo y debe colocarse justo antes de esta instrucción(]]></b:skin>)en el html de vuestro blog:

h3.post-title {
display:block;
overflow:hidden;
width: 85%; 
height: 2em;
margin: 5px 0 0 -28px
padding:2px 4px 4px 40px;
background: #333;
border: 1px solid #555;
border-radius:10px 10px 0 0;(
line-height:1.10em;
}
.trih3 {display: block;
z-index: -1;
height: 0px;
width: 0px;
margin: -12px 0 0 -40px;
border: 12px solid transparent;
border-right: 12px solid #222;
}



POSIBLES VARIACIONES
width: 85%;   (variando este valor conseguiréis alargar la tira) 
( "         "    "    el largo del rectángulo)
background: #333;(este valor corresponde al color del fondo)
border-radius:10px 10px 0 0;(y estos valores mejor hacéis pruebas jejeje, bueno una pista: la redondeces de la tira)

Todo esto no serviría para nada si no añadís en vuestra plantilla ya dentro de expandir plantilla de artilugios, una capa vacía de lo creado: <div class='trih3'/> ¿donde? debéis buscar post.title y .... el final del truquito acudir allí de donde yo vengo:

http://www.oloblogger.com/2012/07/titulo-con-forma-de-banda-superpuesta.html



1 comentario :

  1. te voy a encomendar la publicidad de mi espacio, eres única, genial el puntito de intriga quien se resise a seguirte...jajaja

    ResponderEliminar