Viendo la necesidad de comprimir las imagenes del blog a fin de aliger la carga del blog, hoy veremos un aspecto del encabezado: los bordes o líneas que lo enmarcan.
Muchas veces cuando colocamos una imagen se observa fuera de lugar, es decir, sin ajustarse al mismo, al no tener las dimensiones del header, quedando estéticamente mal. Entonces, en vez de ser un complemento pasa a ser un estorbo visual.
Lo aconsejable es...quitar las líneas.
Se preguntaran, ¿Cómo hacerlo?
1. Abren el blog en la sección DISEÑO
2. Luego van a Edición HTML.
3. Buscan esta parte, cerca del comienzo, ya que se trata del Header o encabezado. Van a encontrar el valor del borde en 1 ó 2 px. Ustedes lo cambian por 0 (cero). (A veces son una o dos líneas... En este caso son 2.) Con border :0 no se verán.
Header--------------------
*/
#header-wrapper {
width:720px;
margin:0 auto 10px;
border:0px solid $bordercolor;
}
#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}
#header {
margin: 5px;
border: 0px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}
De lo contrario, si le quieren dar más fuerza al marco, colocarán 5 ó 6 px. Un truco sencillo y muy útil, se los recomiendo cuando insertan imagenes en el header o encabezado.
Compartir Enlace
0 comentarios:
Publicar un comentario