Menu Shade

Olá amigos,

Como vão vocês, tudo firmeza? Eu vou beleza na represa comendo framboesa - Amo rimar. Até porque os amigos me fizeram melhor hoje, é incrível como pequenas coisas elevam nosso auto estima, mas assim como pequenas coisas elevam, pequenas coisas abaixam, então é bom eu aproveitar enquanto ela está em alto.

Um dos trabalhos que terei de fazer, será um de física, é de história em quadrinhos e quase surtei pois logo assim que a professora passou o assunto do trabalho, já me veio a ideia do tema e de todo o contexto, só falta colocá-lo em prática no papel, e tã-dã: Vai ser do Hora de Aventura.

Queria trazer uma novidade bem marota para vocês Choco Leitores, como agradecimento aos 1800 são mais do que isso, mas a meta é essa irei trazer um layout free, faz tempo que não trago eles e espero que gostem, só que ainda estou trabalhando nele, embora esteja quase acabado já. Mas agora indo para o assunto do post; como puderam ler no título, o tutorial é de um menu, vamos lá. Créditos ao LH.

Visualize {♥}

Cole o seguinte código, acima de ]]></b:skin>:

.menu {margin-top:52px;margin-left:-78px;color:#aaa;width:140px;}.menu a {color:#aaa;font-family:'candara';font-size: 10px;letter-spacing:1px;padding:3px;border: 1px solid #eee;font-style:italic;display: inline-block;float: left;width:110px;margin-bottom: 2px;text-align:center;}.menu a:hover {color:#000;}

Legenda:

• margin-top: Código para subir ou descer o menu. Se quiser subir acrescente um "-" na frente do número;
• margin-left: Código para colocar seu menu para o lado esquerdo ou direito; - left: esquerda | right: direita 
• color: Mude para a cor em código HTML de sua preferência;
• border: 1px solid #eee:  Esse código faz a borda em volta do menu;
• .menu a:hover {color:#000;}: Quando o menu fica hover, você pode tirar essa opção se quiser;
• font-family:'candara';font-size: 10px;letter-spacing:1px: essa parte é a configuração da fonte do menu . Letter-spacing é a quantidade de espaço que existe entre cada palavra no menu;
• font-style:italic: Significa que a fonte está em itálico, se quiser mudar para negrito troque italic por bold ou tire essa opção se quiser a fonte normal;
• width: O tamanho do menu, sempre que alterar um 'width' mude o outro também para não ficar desproporcional.

Para adicionar o menu onde queira, cole o código abaixo em um gadget HTML/JavaScript:

<div class="menu">
<a href="{text:Link1}">{text:Link1 title}</a>
<a href="{text:Link2}">{text:Link2 title}</a>
<a href="{text:Link3}">{text:Link3 title}</a>
<a href="{text:Link4}">{text:Link4 title}</a></div>

Supimpa o menu, não? É o que tem pra hoje gente boa!!! Haha' boa noite & Rockisses.