29 de abr de 2013

Tutorial - Menu Empire


Yoo, minna san ~  

Quantas saudades de vocês, realmente quando eu disse que eu ia postar só nas segundas e terças não imaginei que eu mesmo nova aqui poderia sentir saudade, mas acho que quando é amor , dá saudade. Realmente eu to com saudades, tava pensando aqui e se eu não postasse hoje ? Sei la , eu mesmo ia ficar triste por isso. Gente quero avisar que vermelho é a cor do amor e que quando e entregar o boletim na mão da minha mãe, ela tem que ter muito amor por mim. Na minha situação está igual 50 tons de caneta vermelha de tanto que eu não consegui a meta desejada.

Mas vamos dizer que a professora meio que tirou um pouquinho de nota aqui, porque eu tava brigando com ela , meio ponto ali, porque eu não fiz o que ela pediu, e depois a nota inteira porque eu tava sentada la no fundo na sala.é mais ou menos isso o que eu sofro todo santo dia. Mas falando do post, hoje vou ensinar a você o Meno Empire, não sei se já ouviram falar, mas sei que vão gostar . Como que eu tava querendo ser por ai , pretendo me dedicar mais ao HTML, para trazer alguns tutoriais legais para vocês !


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.Depois de salvar o seu HTML, vá no seu layout, adicione um gadget HTML/JavaScript e cole o seguinte código fazendo, 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>

4 comentários:

  1. Adorei o tutorial. O menu parece ser bem legal. ^^
    Beijos.

    Designer Lovers ~

    ResponderExcluir
  2. Bagunceira hein! Por que tu brigou com a professora? O.O RSRSRSRSRSRS Beijos!

    ResponderExcluir
    Respostas
    1. AUHSUAHSUHAS , ela começou falou que eu tava falando alto demais ! ç.ç

      Excluir


- Antes de qualquer coisa, fale um pouco da postagem.
- Não desrespeite ninguém e nem o blog!
- Aceito criticas construtivas.
- NÃO aceito APENAS: Seguindo, segue de volta?