Olá meninas tudo bem?
A pedido de uma leitora, que eu não me recordo quem foi, desculpe leitora, eu vim postar o tutorial do menu do meu blog para vocês. Se você leitora estiver lendo contate-me nos comentários, ok?
Créditos á Crazy Girl {www}
1. Modelo>> Editar HTML>> CTRL + f
2. Procure por </head> e cole ABAIXO DELE
<style type='text/css'>ul#nav { width: 1500px; margin: 0 auto; text-align: center !important; overflow: hidden;}
ul#nav li {float: left; list-style: none; align: center;}
ul#nav li a{display: block; width: 110px; height: 90px; padding: 20px 0 0 0; margin-right: 30px; margin-left: 5px; font: bold 17px 'Audiowide'; text-transform: uppercase; color: #fff !important; text-shadow: 0 1px 3px #636161; text-decoration: none; background: url(LINK DA SUA FAIXINHA) 0 -149px no-repeat; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out;}
ul#nav li a:hover { background: url(LINK DA SUA FAIXINHA) 0 0 no-repeat;color: #eee9d9; text-shadow: 0 2px 3px #4c2222; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out;}
ul#nav li a.js:hover {background: url(LINK DA SUA FAIXINHA) 0 -149px no-repeat; -webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out;}
</style>
3. Agora procure por </header> e DEPOIS dele cole esse código
<div style='top: 0px; height: 30px; width: 100%; z-index: 4; background: #b7e2f8; position: fixed; left: 0px; text-align: center; '>
<div style='position: absolute; top: -15px; width: 900px; text-align: center !important; float: center !important; '><ul id='nav'><li><a href='LINK AQUI'>NOME DA PÁGINA</a></li><li><a href='LINK AQUI'>NOME DA PÁGINA</a></li><li><a href='LINK AQUI'>NOME DA PÁGINA</a></li><li><a href='LINK AQUI'>NOME DA PÁGINA</a></li><li><a href='LINK AQUI'>NOME DA PÁGINA</a></li><li><a href='LINK AQUI'>NOME DA PÁGINA</a></li><li><a href='LINK AQUI'>NOME DA PÁGINA</a></li><li><a href='LINK AQUI'>NOME DA PÁGINA</a></li></ul></div> </div>
*Mude apenas o que está em maiusculo e em negrito*
Bom meninas é isso, fácil não é? E fica tao lindo. Eu simplesmente amooo esse menu.
Beijinhos minhas chocólatras.
11 Chocolates viraram Cupcakes
Oi flor só passando pra avisar que o blog mudou de endereço e nome agora é:http://blogdescoladagospel.blogspot.com.br/
ResponderExcluirE se você poderia me ajudar a divulgar que estou precisando de postadoras porque agora estou sem tempo.Muito obrigada Flor e amei o tutorial besos!
Claro linda, vou ajudar sim
ExcluirObrigada Flor
ExcluirColoquei , agora me coloca nos seus afiliados?
ResponderExcluirVc ja esta meu bem
ExcluirFlor, você não me colocou nos afiliados? Você já está no meu! Ah e onde consigo o link da faixinha??
ResponderExcluiramantesdemoda.blogspot.com.br
Ah, não já achei eu nos afiliados foi mau!
ExcluirPost no ar das faixinhas
ExcluirNOSSA AMEI O POST
ResponderExcluirNo lugar de (LINK DA SUA FAIXINHA) é para colocar o que? E amei seu site é lindo*
ResponderExcluirMariana, voce deve colocar a URL da imagem da faixinha.
ResponderExcluirBeijos, e muito obrigada
Deixe um recadinho sobre o blog. Obrigada!