19 de outubro de 2012

Tutorial - Menu com i Frame

Tumblr_m87662xnhy1rvrsvqo1_500_large

Hello amigas, vocês estão bem? u.u Espero que sim, rs. Bom, no post anterior, disse que traria um menu bem cute. Então, trouxe, ele é lindo de morrer! Esse é o resultado:


Pronto, eu aprendi no We Heart HTML, um blog muito divo. Chega de falar, né gente? rs. Acho que vocês querem aprender, né? ~~LeiaMais~~
Vão em Modelo, Editar HTML, e procure por ]]></b:skin>

Achou? então, agora você cole o código abaixo, acima de ]]></b:skin> :

#menusv {
display: inline-block;
text-align:center;
background: #F0E5EB;
color:#e5bbd3;
float: center; 
font-size:14px;
font-family: georgia;
margin:1px;
-webkit-transition-duration: .50s;
width:auto;
line-height:12px;
width:70px;
padding:6px; 
-moz-border-radius: 25px 10px / 10px 25px;  
border-radius: 25px 10px / 10px 25px;} 
#menusv:hover {
color:#b46090;
background: #DAC8D2;
border-radius:10px;
background-filter: alpha(opacity=80);
opacity: .80;
-moz-border-radius: 25px 10px / 10px 25px;   
border-radius: 25px 10px / 10px 25px;} 


Pronto, agora só editem como quiser, nas partes rosa, recomendo essa tabela aqui.
Agora, vamos colocar o menu no blog, ok?! Vão em adicionar um gadget e adicione o JavaScript.
Após adicionar, cole esse código:

<a href='Link' id='menusv'>Nome do Link</a>

Pronto, agora só mudar onde está rosa. Já está indicando o que tem que fazer, então né..
Espero que tenham gostado, rs. Boa sorte, se forem tentar fazer!
Beijinhos, e querem o que no proximo post?!

- Tutoriais, Background's, PNG'S, Imagens para post, Cursores, Avatares, ou outro.
Please, comente o que você quer! Pois, eu preciso saber, beijos.

Um comentário:

Comente a vontade, desde que saiba respeitar ;)
Ah, e não é necessário fazer uma conta para comentar, basta colocar como anônimo.

Emoticons:

♥❤∞ ☆ ★ ✖ 。◕‿◕。® ™ ☏✿゚✤
(◕‿◕✿) 。◕‿◕。 ⊱✿◕‿◕✿⊰(◡‿◡✿)(◕〝◕)◑▂◐ ◑0◐ ◑︿◐ ◑ω◐ ◑﹏◐ ◑△◐ ◑▽◐
●▂● ●0● ●︿● ●ω● ●﹏● ●△● ●▽●
⊙▂⊙ ⊙0⊙ ⊙︿⊙ ⊙ω⊙ ⊙﹏⊙ ⊙△⊙
≡(▔﹏▔)≡ ( ͡° ͜ʖ ͡°)