Soporte » Diseño – Temas y plantillas » Imagen del menú partida

  • Resuelto Amelia Polo

    (@amelia-polo)


    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

Viendo 3 respuestas - de la 1 a la 3 (de un total de 3)
  • 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 ^^

    Iniciador del debate Amelia Polo

    (@amelia-polo)

    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.

Viendo 3 respuestas - de la 1 a la 3 (de un total de 3)
  • El debate ‘Imagen del menú partida’ está cerrado a nuevas respuestas.