Menu Vertical
-
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á *-*
-
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
- O tópico ‘Menu Vertical’ está fechado para novas respostas.