Menu horizontal [Japan]

Oi! Como vão? Eu estou muito bem, tirando o fato de que ainda tenho uma semana e meia de aula antes das férias aguentando matemática, colegas chatos e os dramas escolares. O pior é que quando queremos que os dias passem rápido, eles se arrastam né? Mas OK, paciência, me consolo com a ideia de que em breve terei bastante tempo para fazer o que mais gosto: nada. Então, vocês têm acompanhando tudo o que vem rolando pela blogosfera? Eu prefiro não ficar remoendo muito o assunto, pois acho que esse negócio de hackers e plágios já deu o que tinha que dar, mas tinha que me posicionar para dizer que fico triste que várias blogueiras que eu goste tenham se afastado por conta disso. As pessoas sempre acham um jeito de estragar coisas boas e eu só quero que tudo se acerte no final das contas e esta volte a ser uma comunidade de apoio e criatividade como sempre foi. Mas enfim, hoje trouxe um modelo de menu horizontal para layouts pequenos como os que uso no ek. Espero que vocês curtam e se usarem, creditem. Let's go. ﾐ☆

☆ preview

No painel de controle do Blogger, clique em Tema e vá nas três bolinhas, escolhendo Editar HTML. Dê um clique dentro da área de código para localizar seu cursor, aperte Ctrl+F no teclado, pesquise por ]]></b:skin> e dê enter. Depois de ter encontrado, cole acima/antes o seguinte código:

.menu {
border: 4px solid #c3d7df;
text-transform: uppercase;
padding: 5px;
background: #d6e0e4;
text-align: center;
width: 694px;
font: 10px arial;
color: #fff;
word-spacing: 10px;
-webkit-transition-duration: .80s;
}
.menu a {
color: #abc1d9;
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 5px;
padding-right: 6px;
-webkit-transition-duration: .80s;
}
.menu a:hover {
color: #abc1d9;
-webkit-transition-duration: .80s;
}

No painel de controle do Blogger, clique em Layout, adicione um gadget HTML/JavaScript e cole o seguinte código:

<div style="position: absolute; margin-top: -0px; left: -0px;"><div class="menu">
<a href="LINKDAPÁGINAINICIAL"  onmouseover="this.innerHTML='Home'"
onmouseout="this.innerHTML='ホーム'">ホーム</a><a href="LINKDAPÁGINASOBRE"  onmouseover="this.innerHTML='About'"
onmouseout="this.innerHTML='約'">約</a>
<a href="LINKDOMAPA"  onmouseover="this.innerHTML='Map'"
onmouseout="this.innerHTML='写像'">写像</a>
</div></div> 

Entenda os códigos: Os números "0" devem ser mudados de acordo com a posição que você quer que seu menu assuma. Em "margin-top" números negativos levam o menu para cima e em "left" números negativos levam o menu para a esquerda. Você pode adicionar/mudar as páginas, não esquecendo é claro de mudar os títulos em japonês e em inglês. Use o google tradutor para isto.

Então é isso, pessoal. Nos vemos em uma próxima postagem. Fiquem bem, se cuidem.