Colocando um menu horizontal em seu post ou pagina
Algumas vezes escrevemos, escrevemos e continuamos a escrever, quando nos damos conta o texto ficou passando do limite ou queremos colocar varias imagens sobre determinado assunto e fazer uma pequena legenda com descrição e a pagina fica enorme, mas ai você pensa: Porque não colocar uma galeria?Bom, talvez você queria deixar a imagem destacada, inserindo textos e links, esse código vem para facilitar esse processo, por ser simples, dispensar a hospedagem de imagens, não usa Java e é totalmente editável.
O primeiro passo vai ser procurar por: ]]></b:skin>
E acima dela colar o código abaixo:
[<style type="text/css"><!-- body { padding:0px; margin:0px; } #menu ul { padding:0px; margin:0px; float: left; width: 100%; background-color:#EDEDED; list-style:none; font:80% Tahoma; } #menu ul li { display: inline; } #menu ul li a { background-color:#EDEDED; color: #333; text-decoration: none; border-bottom:3px solid #EDEDED; padding: 2px 10px; float:left; } #menu ul li a:hover { background-color:#D6D6D6; color: #6D6D6D; border-bottom:3px solid #EA0000; } --></style>]
Salve e vá para a pagina onde você deseja colocar o menu. Passe para o modo html e cole o código - no inicio ou no final do post ou texto da pagina.
[<div id="menu"><ul><li><a href="">Link</a></li><li><a href="">Link</a></li><li><a href="">Link</a></li><li><a href="">Link</a></li><li><a href="">Link</a></li><li><a href="">Link</a></li><li><a href="">Link</a></li><li><a href="">Link</a></li></ul></div>]
Pronto! Agora você tem um menu interno em seu post ou pagina para facilitar a navegação do usuário.
Postar um comentário