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;
}
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>
<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>
Adorei o tutorial. O menu parece ser bem legal. ^^
ResponderExcluirBeijos.
Designer Lovers ~
Obrigada !
ExcluirBagunceira hein! Por que tu brigou com a professora? O.O RSRSRSRSRSRS Beijos!
ResponderExcluirAUHSUAHSUHAS , ela começou falou que eu tava falando alto demais ! ç.ç
Excluir