Revista Blog

Personaliza el fondo del menú horizontal de tu blog (Páginas)

Publicado el 14 mayo 2014 por Lireth
Holas!!!Hoy traigo un tutorial muy sencillito, rápido y sin mucho peligro.¿Veis que mi menú tiene un fondo rosita pero con textura verdad? Eso es porque es una imagen, una textura.Simplemente con el Photoshop le di el tamaño de alto que yo quería que fuera de ancho el menú. Concretamente 40 píxeles.Personaliza el fondo del menú horizontal de tu blog (Páginas)
Como siempre que hacemos algo en nuestra plantilla hacemos una copia de seguridad de nuestra plantilla.Vamos a Editar HTML y buscamos lo siguiente:
.tabs .widget ul

Seguramente lo que encontremos será algo parecido a esto:
.tabs .widget ul, .tabs .widget ul a, .fauxborder-left.tabs-fauxborder-left{
background: url(http://1.bp.blogspot.com/-S4uFaFob63A/UvWCyh6qu5I/AAAAAAAAB1g/80by8QKooSI/s1600/menu-rosita.png) repeat left; /* Imagen de fondo del menú horizontal*/
height: 40px; /*Lo alto que será el menú y la imagen */
line-height: 40px; /*Aki poner le mismo valor que en lo de encima en height, esto es para que el texto quede alineado en el centro del centro*/
color: #F9F5EC; /*Color del fondo*/
font-weight: bold !important;
}

Cómo ahora me he acostumbrado a poner la descripción en el mismo código seguro que os será muchísimo más cómodo. Lo hago también con vistas a que si en un futuro queréis volver a personalizarlo.
Es así de sencillo solamente tenéis que cambiar la URL donde os digo que es la imagen de fondo por la URL de vuestra imagen y ya está.
¿Os sirve? ¿Os gusta? ¿Lo haréis?Para cualquier problema o duda, ya sabéis!Muah!
Lireth's Notebook ¡Gracias por suscribirte! Muchos besos. ❀Lireth❀

Volver a la Portada de Logo Paperblog