Me pediram para ensinar o menu que estou usando no Template atual, que e esse que fica por cima da imagem. Bom, como eu gosto de compartilhar o que sei, deixei anotadinho a sugestao aqui, junto com outros posts que quero fazer e hoje estou postando o do menu. Eu baseei o codigo no efeito legenda, do blog Part of Me e e dai que tirei o nome. Esse menu e simples e so fica bonito se for em cima de alguma imagem, voces podem colocar no cabecalho como eu fiz ou em cima de uma imagem na sidebar, que tambem fica bonito. Quando voce passa o mouse o fundo fica mais visivel. Bom, como eu disse, fiz o menu baseando em outros codigos, entao por favor peco que nao rebloguem. Acho muito chato ficar escrevendo a postagem pra alguem vir e copiar tudo, principalmente quando e de algo que eu fiz. ;-;Veja uma preview abaixo: (ou ali em cima, no cabecalho mesmo)1- Va no HTML do seu blog e procure por ]]></b:skin>. Acima disso, cole:.menulegenda {-webkit-transition: all 1.0s ease-out;-moz-transition: all 2.5s ease-out;width:70px;height:18px;margin-top:-39px;margin-left: -12px;background: #fff;opacity: 0.60;text-align: center;margin-bottom:-12px;leter-spacing:1px;}.menulegenda:hover {background: #fff;opacity: 0.90;-webkit-transition: all 1.0s ease-out;-moz-transition: all 2.5s ease-out;}2- Em um Gadget de HTML/JavaScript, cole:<div class="menulegenda"><a href="LINK 1">NOME 1</a></div><div class="menulegenda"><a href="LINK 2">NOME 2</a></div> <div class="menulegenda"><a href="LINK 3">NOME 3</a></div><div class="menulegenda"><a href="LINK 4">NOME 4</a></div>EntendendoAtencao para essa parte!-webkit-transition: all 1.0s ease-out;-moz-transition: all 2.5s ease-out;Essa parte se refere ao tempo de transicao do menu normal para hover (quando passa o mouse). Nao mexa!width:70px;height:18px;Largura e altura do menu, respectivamente. Mude de acordo com seu blog.margin-top:-39px;margin-left: -12px;Essa e a parte onde voce deve editar com atencao, pois se refere ao posicionamento do menu. A primeira linha e a margem do topo, o numero esta em negativo, portanto quanto maior o numero mais o menu vai subir. A linha de baixo se refere ao posicionamento a esquerda, quanto maior o numero mais para a esquerda ele vai ficar. Va editando os numeros de acordo com o posicionamento do menu na imagem do seu blog, se ficar dificil, va mudando de cinco em cinco ate encontrar a posicao certa.background: #fff;Cor de fundo do menu, altere de acordo com sua preferencia. opacity: 0.60;Opacidade (transparencia) da cor de fundo. Recomendo um numero entre 0.40 e 0.50 para imagens com fundo escuro, como preto, e deixar do jeito que esta para imagem com fundo claro, como rosa ou roxo.text-align: center;margin-bottom:-12px;leter-spacing:1px;Alinhamento do texto, margem de baixo e espacamento das letras. Recomendo nao mexer.background: #fff;opacity: 0.90;Cor de fundo quando passa o mouse e opacidade quando passa o mouse. Aplicando o menuAgora, para aplicar o menu voce deve estar atendo a uma coisa: o primeiro link e o que ficara por ultimo na ordem do menu. Ou seja, se no Gadget voce colocou o link 1 como "Home", ele ficara abaixo dos outros links. Portanto coloque primeiro os itens que voce quer que fiquem embaixo, e logo depois os que quer por cima.Os links desse menu ficam na mesma cor dos links do blog. Para alterar a cor do link voce deve acrescentar uma nova class com os codigos