Olá crazyrs, hoje eu fui pra aula mas avisaram que não haveria aula de biologia mas eu nem lembrava, dai era aula, depois uma vaga e depois tudo aula mas como estamos nas discursivas e eu fui pra aula só por ir mesmo, vim embora porque não tava a fim de ficar esperando 3 horários pra ter a 4º aula, não sei se cheguei a conta pra vocês mas eu ganhei uma bolsa de 50% na faculdade só que perdi porque só poderia se fosse matutino e só tem transporte para a faculdade a noite, nossa, melhor nem ter ganhado porque ganhar e perder é horrível... Uma leitora me pediu para ensinar a fazer o menu que eu uso aqui no blog então aqui estou eu para ensinar, ele foi inspirado em um menu do TTHY, então créditos pela inspiração. Lá tem um tutorial desse menu só que na minha plataforma do blogger ele não funcionava então eu criei o menu para poder funcionar aqui. Ele é super simples, então continue lendo.
Caso você esteja vendo e eu já tenha trocado o layout, clica aqui, eu tentei fazer um gif pra você ter uma ideia de como é mais ou menos e garanto que ele é bem melhor do que nesse gif mal feito -q.
Antes de ]]></b:skin> você vai colocar esse código.
.menuappears {As coisas que precisam ser modificadas é o margin-left(distância do menu à esquerda), margin-top(distância do menu ao topo), color(cor da fonte), font-size(tamanho da fonte), font-family(é a fonte) e #c2e7f5 do text-shadow
margin-left: 215px;
margin-top: -115px;}
.menuappears li a {
background: transparent;
color: #5ebbe0;
font-family: Medula One;
font-size: 35px;
margin-left: 9px;
padding: 2px 10px;
text-shadow: 0px -420px 1px #c2e7f5;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.menuappears li a:hover{
font-weight: normal;
text-decoration: none;
color: transparent;
text-shadow: 0px 0px 0px #c2e7f5;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
E para usar é só colocar o código em HTML/JavaScript
<div class="menuappears">
<a href="LINK">NOME</a>
<a href="LINK">NOME</a>
<a href="LINK">NOME</a>
<a href="LINK">NOME</a>
<a href="LINK">NOME</a>
</div>
Espero que tenham gostado, qualquer coisa é só perguntar. Beijos, Brenda.
Shenti que menu divo, adorei <33 favoritei aqui o blog, pois irei usar esse menu no próximo layout u.u ashuahsua. Que bagunça aí na sua escola ahushua
ResponderExcluirKiss
With You
Olá, mas como você ganhou, é meio que uma gratificação, não? Pois você sabe que é capaz! Então em provas lá na frente, você vai se sair bem, pois não terá tanta pressão, aí quando se lembrar vai ficar com mais confiança. E o tutorial é bem fácil, imagino que ninguém teria nenhuma dificuldade em fazê-lo, ainda mais que você deixou tudo bem claro!
ResponderExcluirSimply Thonn
Adorei o tuto!
ResponderExcluirMuito util!
Estava precisando de um blog assim, que ensine as coisas!
Bjs
Que triste ganhar 50% da bolsa e ao mesmo tempo perder.
ResponderExcluirEsse menu é bem legal. Bjus!
galerafashion.blogspot.com.br
que pena que vc acabou perdendo a bolsa... muito chato mesmo... gostei muito do tutorial!
ResponderExcluirPassando para desejar um ótimo dia!
Liz<3
The Red Lil' Shoes Blog
http://theredlilshoes.blogspot.com.br/
nao sei pq mais nao gostomuito de biologia......adorei o menu estava louca por este tuto favoritei a pagina vou usar no meu proximo lay.........
ResponderExcluirhttp://louca-por-html.blogspot.com.br/ ^^ bjos e boa tarde!!
Que pena que você perdeu essa bolsa :( É muito chato quando isso acontece.
ResponderExcluirMudando de assunto.. Esse menu é lindíssimo, e super fácil de fazer ! Estou vendo para meu próximo lay :3
~Bye
Explosion of Paradise