Indo ao assunto do post, hoje vou ensinar aquele menu que uso no Diamond, que voces podem ver como ele e clicando no link do blog (aproveitem para olhar) ou clicando aqui e vendo o preview que algum leitor anonimo fez. Lembrando que a imagem do blog nao faz parte do menu, entao nao roubem ela, aquela imagem foi eu quem fiz, ela nao e do WeIt nem de nenhum outro lugar. De qualquer forma fiz um Live Preview para o caso de mudar o layout ou algo assim, como sempre faco. Esse menu so fica bom se for coladinho com uma imagem, e de preferencia onde o fundo seja transparente. A respeito do codigo, se quiserem realmente editar o menu, leiam atentamente minha explicacao abaixo, porque qualquer modificacao errada pode dar erro no menu ou desconfigura-lo.Live Preview do menu*ele vai ficar assim muito embaixo se for em uma postagem, por isso de preferencia a sidebar.1- No HTML do seu blog, procure por ]]></b:skin>, Acima, cole:.navca{text-align: center;text-decoration: none;font-family: Verdana, Arial;}.navca a{text-transform:uppercase!important;padding: 5px 5px 5px 5px;display: inline-block;background:#d976a3;margin-top: 5px;font-size: 8px;color: #fff;font-weight: bold;display:block;width:50px;margin-left:-60px;position:relative;top:200px;-webkit-border-top-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-bottomleft: 5px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;background-color: rgba(155, 159, 202, 0.80);}.navca a:hover{width:55px;margin-left:-65px;}.border{-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}2- Em um Gadget de HTML/JavaScript, cole:<div class="navca"><a href="http://www.blogger.com/">LINK</a><a href="http://www.blogger.com/">LINK</a><a href="http://www.blogger.com/">LINK</a><a href="http://www.blogger.com/">LINK</a><a href="http://www.blogger.com/">LINK</a></div><img class="border" src="URL DA SUA IMAGEM" width="ALTURA DA SUA IMAGEM" />Entendendo:Atencao para essa parte! Edite somente o que eu falar aqui!.navca{text-align: center;text-decoration: none;font-family: Verdana, Arial;Essa parte se refere a posicao do texto, decoracao (sublinhado, etc.) e a fonte. Mude de acordo com seu gosto..navca a{text-transform:uppercase!important;Faz com que todas as letras fiquem maiusculas.background:#d976a3;Cor de fundo do menu. Edite de acordo com seu blog.font-size: 8px;color: #fff;font-weight: bold;Tamanho da fonte, cor da fonte e tipo de fonte. No caso, a fonte esta em negrito. Mude de acordo com seu gosto.background-color: rgba(155, 159, 202, 0.80);Cor de fundo. No caso, a cor de fundo esta em rgba, para saber qual o codigo da sua cor em rgba, use esse site aqui, que fara a conversao para voce: WebCalc. O primeiro numero (155) e o vermelho (Red), o segundo e o verde (Green) e o terceiro azul (Blue), o quarto numero se refere a opacidade, no caso e 0.80, mude de acordo com seu gosto. Dica: use uma cor ligeiramente mais escura ou mais clara que a cor normal do menu. .border{-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;Se refere a borda da imagem que ficara ao lado do menu. Mude como quiser.Nao expliquei o que e cada codigo porque e melhor nao mexer neles, e tambem o post ficaria grande demais. Se voce for usar o menu, leia tudo com atencao e edite somente os codigos que voce conhece, se der algum erro ou ele ficar desconfigurado, faca tudo de novo. O menu nao e complicado, mas se voce mexer errado vai acabar bugando ele todo. Espero que gostem do tutorial :) Hoje foi meu ultimo dia de aula! Estou animada quanto ao futuro, mas com um pouco de medo tambem. Finalmente estou me formando (ainda nao formada, porque o resultado oficial nao saiu) e so posso dizer que a sensacao e muito boa. Vou sentir