Suporte » Temas » Menu Vertical

  • Resolvido ldouglas

    (@ldouglas)


    Fala galera olha eu aqui outra vez (:

    Gostaria de saber como eu faço para fazer um menu na vertical , tipo eu ja fiz algumas coisas mais não ficou muito legal , eu queria que os links das paginas/categorias dos menus fossem substituídos por imagens estilo http://www.celeirodochopp.com.br só que na vertical 😡

    Alguma dica ?

    Grato desde já *-*

Visualizando 3 respostas - 1 até 3 (de um total de 3)
  • acho que display: inline; para a li ou então float:left; resolve não?

    Dai basta adicionar padding e margin nos links ou na própria li para depois adicionar as imagens.

    Valeu pela dica vou tentar aqui *-*

    Fala galera eu fiz no meu site assim !

    Coloquei essa DIV dentro da Main

    <div id="menu"> 
    
        	<a href="http://barracorestobar.com.br/"><img src="<?php bloginfo('template_url'); ?>/images/menu_barraco.png"  alt="Sobre" title="Sobre"></a>
        	<a href="?page_id=2"><img src="<?php bloginfo('template_url'); ?>/images/menu_local.png"  alt="Localizaçao" title="Localizaçao"></a>
        	<a href="?page_id=7"><img src="<?php bloginfo('template_url'); ?>/images/menu_todasexta.png"  alt="Toda-Sexta" title="Toda Sexta"></a>
            <a href="?page_id=13"><img src="<?php bloginfo('template_url'); ?>/images/menu_contato.png"  alt="Contato" title="Contato"></a>
            <a href="?page_id=21"><img src="<?php bloginfo('template_url'); ?>/images/menu_cadastre-se.png"  alt="Cadastre-se" title="Cadastre-se"></a>
        </div>

    Aqui eu só coloquei os menus e linkei manualmente para as paginas criadas no site *_*

    E utilizei O CSS

    #menu {
    	/*background:url(images/back_menu.png) top left no-repeat;*/
    	width: 300px;
    	float:left;
    	text-align:right;
    	margin-top:-4px;
    	margin-right:70px;

    Essa parte comentada do codigo é pra colocar uma imagem alternativa ao lado do menu (:

    Valeu pela ajuda ;D
    Quem quiser dar uma olhada BARRACO RESTO BAR

Visualizando 3 respostas - 1 até 3 (de um total de 3)
  • O tópico ‘Menu Vertical’ está fechado para novas respostas.