Estou de Volta + Menu Empire


me adicionem no facebook http://www.facebook.com/becca.ferreira.98 c:
Primeiramente, me perdoem por ter ficado tanto tempo longe do blog! Foi mais de um mês longe daqui e, acreditem, aconteceu muita coisa nesse intervalo!
Juro que eu mesma não sei o porquê de ter ficado todo esse tempo longe daqui, pois bem, nesse tempo pensei um pouco sobre esse blog e vi que os tutoriais estão muito comuns... Por isso, pretendo me dedicar mais ao HTML para trazer tutoriais exclusivos para vocês!
Enfim, trouxe o tutorial do menu que uso aqui no blog, que haviam me pedido o tutorial uma vez (não lembro quem), é um menu meio simples mas aí vai o tutorial:

1. Aperte F3 e procure por ]]></b:skin>

2. Acima dessa tag, cole o seguinte código:
#empire {
font-family: 'Iceland';
font-size: 40px; /*Tamanho da Fonte, fique à vontade para mudá-lo*/
width: 100%;
text-align: center;
margin: 20px 0;
}
#empire:first-of-type {
margin: 5px 0;
}
 #empire a {
text-decoration: none;
font-weight: bold;
color: #ffffff; /*Cor da Fonte*/
position: relative; top: 0;
 -webkit-transition: all 0.1s ease-in;
 -moz-transition: top 0.1s ease-in, text-shadow 0.1s ease-in;
-ms-transition: top 0.1s ease-in, text-shadow 0.1s ease-in;
}
#empire a:hover {
text-shadow:5px 8px 1px #F8F8FF, 10px -15px 1px #B0C4DE;
}

3. Se quiserem usar a mesma fonte que eu uso aqui no blog, é só colar o código a seguir acima de <head>
<link href='http://fonts.googleapis.com/css?family=Iceland' rel='stylesheet' type='text/css'/>

4. Depois de salvar o seu HTML, vá no seu layout, adicione um gadget HTML/JavaScript e cole o seguinte código fazendo, óbviamente, as devidas alterações:
<div style="position: absolute; margin-top: -230px;right: -100px;"><div id="empire">
<a href="/">Home</a> <a href="URL DO LINK 2">Link 2</a> <a href="URL DO LINK 3">Link 3</a> <a href="URL DO LINK 4">Link 4</a> <a href="URL DO LINK 5">Link 5</a> </div>

17 comentários:

  1. que legal, adorei os efeitos, vou tentar usar no meu blog

    bjs
    dry

    ResponderExcluir
  2. Que graça. Pena que já fiz meu layout todinho, aí não posso usar :(
    quirky-tree.blogspot.com.br

    ResponderExcluir
  3. Que blog lindo de divoso!

    Lindo o tigre da ilustração!

    ótimo tutorial, pois quando entrei no blog já fiquei me perguntando como você fez esse menu X)

    Adolescente Nerd ~

    ResponderExcluir
  4. Que fofo, vou usar em um layout uma graça >///<

    Nyah Kawaii

    ResponderExcluir
  5. Amei o tuto!!
    Com certeza vou usar no proximo Layout!!
    Bjs ;)

    Loucura Controlada

    ResponderExcluir
  6. Eu adorei o menu, que fofura *uuu*

    Beijos e bem-vinda de volta!

    ResponderExcluir
  7. É um menu muito lindo, eu adorei ele!
    Beijo :3
    pqngarota.tk

    ResponderExcluir
  8. O menu parece bem lindo :3
    Beijo ♥

    we-lovehtml.blogspot.com

    ResponderExcluir
  9. Adorei o tutorial :3 já terminei meu template todinho,mas acho que vou usar no próximo! Amei o blog,ainda não conhecia,vou visitar sempre! Seguindo,beijos ~>Quem precisa de tv para ver Beyoncé~Perfil

    ResponderExcluir
  10. Eu acho lindo seu menu, é a primeira vez que visito aqui e achei tudo lindo e organizado. Parabéns, Becca, tô seguindo já <3

    Beijos
    Too Kawaii

    ResponderExcluir
  11. Meu Deus que blog lindo, o layout tá muito original. Adorei o tutu, e parece que fica lindo. Beeijos <3

    ResponderExcluir
  12. Meu Deus que blog lindo, o layout tá muito original. Adorei o tutu, e parece que fica lindo. Beeijos <3

    ResponderExcluir
  13. Adorei o tutorial, já tinha visto *3*

    Seguindo()

    ResponderExcluir
  14. Muito fofo esse menu >.<, seguindo ta fofa, retribui ?

    - Style Of Me

    ResponderExcluir
  15. Não lhe acompanhava mais fico feliz por voltar, seu blog é muito fofo ♥

    O menu deve ficar muito fofo, depois irei testa-lo e se gostar usarei ♥

    http://blog-bluesky.blogspot.com.br/

    ResponderExcluir
  16. Que linda a ilustração do início da postagem. Gostei do menu, mas acho que não tem muito haver com o meu layout atual, então não vou usar. Mas quem sabe futuramente em um outro layout, não?

    Enfim, o seu blog é muito bem organizado, parabéns!

    coastalbrake.blogspot.com

    ResponderExcluir
  17. Oi fofa eu amei seu blog!!
    Posso ser afilhada já te coloquei em vale o click
    x-celebridades.blogspot.com
    bjks Looh

    ResponderExcluir