Como eu faço menu com imagens??

  • Avatar de Desconhecido

    eu gostaria de saber como que eu faço um menu com imagem como desse blog http://teoriacriativa.wordpress.com/

    O blog que eu preciso de ajuda é (visível apenas para usuários que efetuaram login).

  • Avatar de Desconhecido

    Existem várias formas. Vou citar três.

    1 – Coloque um widget Imagem (não dê Títulos para estes widgets) para cada opção do Menu, e escreva o URL da imagem no campo Image URL , e o URL de navegação no campo Link URL (when the image is clicked):.

    2 – Coloque um widget Texto, e insira a seguinte instrução dentro do widget para cada opção do menu:
    Obs.: A instrução target=”blank” é opcional para abrir nova guia do navegador; as instruções “width=”xxx” e “height=”xx” são para dimensionar a largura e haltura da imagem.

    <a target="_blank" href="http://endereço-do-clique"><img src="http://endereço-da-imagem" width="176" height="30" /></a><br>
    
    Exemplo:
    <a target="_blank" href="http://cobramil.wordpress.com"><img src="http://cobramil.files.wordpress.com/2011/09/serpente.gif" width="176" height="50" /></a>br>
    <br><a target="_blank" href="http://www.caixa.gov.br/"><img src="http://cobramil.files.wordpress.com/2010/11/caixa.jpg" width="176" height="50" /></a><br>
    <br><a target="_blank" href="http://oi.com.br"><img src="http://cobramil.files.wordpress.com/2011/10/oi-torpedo.gif" width="176" height="50" /></a><br>

    3 – Crie uma nova categoria de Link e insira a imagem de cada link. Depois Coloque um widget Links no blog, e aponte para o link criado.

    Você poderá, também, criar uma tabela (table), e inserir no widget Texto, para formatar verticalmente e horizaontalmente. Para mais detalhes sobre isso veja http://cobramil.wordpress.com/2011/05/15/curso-html/

  • O tópico ‘Como eu faço menu com imagens??’ está fechado para novas respostas.