Suporte » Temas » Imagens em Menus

Imagens em Menus

  • rafaelumb

    (@rafaelumb)


    10 anos, 11 meses atrás

    Prezados,

    estou estruturando meu site ainda.
    O que estou tentando fazer no momento é por o menu (estou usando o menu padrão do WordPress, sem nenhum plugin) na posição que eu gostaria, com uma imagem de fundo (os botões centrais terão uma imagem, os botões dos cantos terão outra imagem), que mude (não precisa de efeito de transição, mas seria legal se tivesse) conforme o menu esteja pressionado ou em hover.

    O link do meu site:
    http://www.sexocomcompromisso.tk

    O que eu já consegui fazer:
    Coloquei o menu na posição que eu quero, só que eu não sei se fiz da maneira correta/mais elegante.
    Eu o fiz adicionando um snipet CSS ao tema que estou usando (Atahualpa), pondo margin-top: -27, o que alinhou a parte de baixo do menu com a parte de baixo da imagem no cabeçalho.
    Fiz isso certo? É a maneira correta de fazer?

    O que eu ainda quero fazer:
    Adicionar as imagens.
    Não faço nem ideia de como fazer, pois cada lugar que olho indica uma maneira de fazer diferente.
    Eu não sei qual a mais indicada para mim.
    O resultado final que eu gostaria é o seguinte:
    http://s9.postimg.org/o2k3m6k8f/menu_inteiro.jpg

    Não entendo quase nada de CSS, HTML, Javascript, nada. Mas aprendo rápido se eu souber o que estudar.
    Se puderem me indicar quais os passos para fazer o menu funcionar desta maneira (adicionando as imagens de fundo), ou o título dos tópicos que devo estudar para acertar o menu, fico “gradicido”.

    Grato,

    Rafael

    PS: Não, apesar do conteúdo e nome, o blog não é de sacanagem. 😛

Visualizando 2 respostas - 1 até 2 (de um total de 2)
  • julio40

    (@julio40)

    10 anos, 11 meses atrás

    Rafael,

    O que você precisa a princípio, cite um problema de cada vez.
    Para fazer algo no seu site precisa realmente entender de PHP, CSS HTML, etc… Senão fica difícil.

    Criador do tópico rafaelumb

    (@rafaelumb)

    10 anos, 11 meses atrás

    Então Julio,

    o que eu estava querendo fazer era colocar imagens no lugar dos botões do menu, mas a ideia já não é mais essa (eu e minha namorada que estamos desenvolvendo, então as ideias vão mudando o tempo todo).

    Atualmente, estou tentando fazer o seguinte:

    1 – colocar a mesma largura para cada “botão” do menu, não importando o tamanho da palavra dentro deste “botão”;
    2 – fazer um efeito que, quando o mouse se posicione por cima de um botão, ocorra um fade in/out de cor do background (parecido com os menus do Windows 8);

    Estou estudando a parte de códigos que importa nisto, porém, estou com um pouquinho de dificuldade de aplicar a classe que criei para fazer o efeito de fade in/out.
    Sei que precisa, mas não creio que eu precise saber TUDO de CSS e HTML se o que vou precisar é uma coisa ou outra. Por isso que não paro para estudar CSS/HTML/PHP em si. 🙂

Visualizando 2 respostas - 1 até 2 (de um total de 2)
  • O tópico ‘Imagens em Menus’ está fechado para novas respostas.

Visualizações