Tutorial - Menu Bad Reputation


Perceberam que a blogosfera está ficando cada vez mais vazia? Não, não é porque ela está mudando. Tudo muda. Seria chato se ela também não mudasse, correto? Estou falando que, de certo modo, nós estamos tornando isso uma obrigação na nossa vida. Fazendo com que isso, seja a coisa mais importante a fazer. Sem deixar nada passar sobre ela, deixar algo ser mais importante. Se certa forma, isso é culpa do leitor. Não totalmente, mas é. O resultado disso é, por exemplo, a pequena "saída" que a Kaorii está fazendo....
Mas como o assunto não é esse, não vou ficar cuidando da vida dela. Acho que isso a própria Kaorii pode fazer, afinal, ela sempre cuidou dela, né? Trouxe o tutorial do menu que uso aqui no blog. Achei ele lá no Miki Candy, então os créditos são de lá. Não sei exatamente porque se chama Bad Reputation, acho que vou criado por lá, não sei. Mas então se você está vendo esse tutorial, depois de termos mudado o layout Pastel Goth... Clique aqui.
Vamos lá?
Abra seu HTML, dê F3 e procure por: ]]
Acima dessa tag, cole:
/*-----Início do Menu Bad Reputation-----*/
kbr {
background:#eee; /* Cor de fundo do Menu */
width: 20%; /* Tamanho do Menu (Largura) */
text-align: center;
font-size: 8px; /* Tamanho da fonte */
color: #000; /* Cor da fonte */
letter-spacing:1px;  /* Espaço entre as letras */
padding: 4px;
margin: 2px;
float: left;
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
-webkit-transition-duration: .90s; /* Tempo do Efeito */
}
kbr:hover {
background:#000; /* Cor do fundo do Menu ao passar o mouse */
width: 20%; /* Tamanho do Menu ao passar o mouse */
text-align: center;
font-size: 8px; /* Tamanho da fonte ao  passar o mouse */
color: #fff; /* Cor da fonte ao passar o mouse */
letter-spacing:1px; /* Espaço entre as letras */
padding: 4px;
margin: 2px;
float: left;
-moz-border-radius: 10px 25px / 25px 10px;
border-radius: 10px 25px / 25px 10px;
-webkit-transition-duration: .90s; /* Tempo do Efeito */
}
/*-----Fim do Menu Bad Reputation-----*/

Modifique as partes destacadas em negrito. Salve e vá em Layout, crie um novo gadget de HTML/Javascript, e, nele cole:
<a href="URL"><kbr>Nome</kbr></a>
Vá colando, no número de links que precisar.
/Ana

6 comentários:

  1. Eu acho esse menu muito fofo!

    Beijos ;3 | Eu Amo HTML | {euamohtml.blogspot.com}

    ResponderExcluir
  2. Ameeei o tuto! Eu acho ele muuito lindo, também não sei porque do nome dele ser bad reputation

    Chuvasdioutono.

    ResponderExcluir