viernes, marzo 30, 2007

[miniHowTo] Cómo hacer que un Header Gráfico se vea correctamente el Blogger de Google.

Con este tema estuve googlegleando mucho tiempo sin encontrar respuesta alguna. Quería que cuando insertaba un header gráfico en blogger, este se vea bien, sin ensancharme los laterales del header, o sea que tenga la altura justa de la imagen y no me agregue nada de mas.

La solución fue muy fácil de implementar:

En el administrador de blogger nos vamos a Plantilla/html y buscamos la parte del código que pegué abajo. Una vez ubicada la porción de código borramos la linea "border: 1px solid $bordercolor;" y agregamos la linea "height:134px;". Ustedes deben colocar el valor de altura de su imagen, 134px fué mi caso.

#header {
width: 975px;
margin: 0 auto;
background-color: $headerBgColor;
border: 1px solid $bordercolor;
height:134px;

color: $headerTextColor;
padding: 0;
font: $headerFont;
}

Listo... que disfruten su nuevo header.

0 comentarios: