Imagen del menú partida
-
Buenos días,
He cambiado el color del menú de mi plantilla (Themia Lite). Después de muchos intentos fallidos, lo conseguí adaptar a la forma de menú inicial. Sin embargo, se me queda cortado, y no sé porque es ( porque he respetado la misma imagen base de la plantilla y sólo he cambiado el color).
¿Alguien sabe a que se debe?
Muchas gracias!!
Un saludo! 🙂
Mi web es http://www.formulaidonea.com
-
Hola nuevamente Amelia Polo 😉
Coloca esto al final de tu hoja de estilo.
#menu li.menu-item { background: url("http://www.formulaidonea.com/wp-content/uploads/2012/09/nav-gris-fin1.jpg") no-repeat scroll -2px -34px transparent; } #menu li.menu-item:hover { background: url("http://www.formulaidonea.com/wp-content/uploads/2012/09/nav-gris-fin1.jpg") no-repeat scroll -2px -154px transparent; } #menu li.current-menu-item { background: url("http://www.formulaidonea.com/wp-content/uploads/2012/09/nav-gris-fin1.jpg") no-repeat scroll -2px -154px transparent; }
Te recomendaría que colocaras las imágenes de los botones dentro de una carpeta en el interior del propio tema. Seguramente tienes una llamada images. Pégalas allí, actualiza la ruta de las imágenes de este trozo de CSS y listo.
Recuerda comentarnos como te va ^^
Hola Shinjiru_fred!!
Antes de nada muchas gracias por la ayuda y por tu tiempo! 🙂
He hecho lo que me has indicado, he copiado el código en mi hoja de estilo y…¡funciona!! Muchas gracias!!
He intentado hacer la recomendación que me das, pero no sé si lo estoy haciendo bien. Si te parece, te indico los pasos que he seguido y me dices si es correcto, ok?
1. Entro en mi «Hoja de estilos del editor visual».
2. Voy al apartado de /* Images */
3. ¿Dentro de este apartado creo una sección con los links de la imagen del menú?Es en este tercer punto cuando no sé como hacerlo, ya que no sé si tengo que incluir la imagen en una zona específica o crear un apartado para ellas.
Muchas gracias por todo!1
Un saludo! 🙂
Hola Amelia, para eso estamos aquí, para ayudar en lo posible 😉
Sigue estos pasos:
1.- Debes entrar en tu instalación de wordpress y acceder a la carpeta «images» de tu tema. La ruta exacta es wp-content/themes/themia-lite/images (esta imagen te puede servir de referencia). Dentro de la carpeta copia la imagen de los botones del menú. Recuerda que esto no lo puedes hacer desde las opciones de WordPress, debes entrar al panel administrativo de tu servidor web.
2.- Al código que colocaste al final de tu CSS le debes colocar la nueva dirección que tiene la imagen. Debes cambiar:
"http://www.formulaidonea.com/wp-content/uploads/2012/09/nav-gris-fin1.jpg"
por:
images/nav-gris-fin1.jpg
quedandote finalmente:
#menu li.menu-item { background: url(images/nav-gris-fin1.jpg) no-repeat scroll -2px -34px transparent; } #menu li.menu-item:hover { background: url(images/nav-gris-fin1.jpg) no-repeat scroll -2px -154px transparent; } #menu li.current-menu-item { background: url(images/nav-gris-fin1.jpg) no-repeat scroll -2px -154px transparent; }
Realiza los cambios y cuentanos que tal te va.
- El debate ‘Imagen del menú partida’ está cerrado a nuevas respuestas.