¿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 |
te voy a encomendar la publicidad de mi espacio, eres única, genial el puntito de intriga quien se resise a seguirte...jajaja
ResponderEliminar