8 de julho de 2012

Menu fofo *-*

Tumblr_lo72mrgl8t1qioyeeo1_500_large
  Oi pessoal tudo bem?Eu espero que siim...hoje eu vim postar o tutorial de como fazer aquele menu que estar lá do lado que tem dois menu que estar escrito Noticias e o outro Vagas para postadores e tbm o Divulgue seu blog aki!... entenderam?Vamos começar?Então vamos lá...Créditos ao Miki Candy
                            Primeiro vá em Design depois em Modelo e depois vá em Editar HTML e depois aperte em Prosseguir e aperte Ctrl+F e procure por:
 ]]></b:skin>

Depois de ter achado a cima de ]]></b:skin>  cole esse código abaixo:
/* Menu Miki Candy */
cute{
text-align:center;
font-size: 10px; /* Tamanho da fonte do menu */
background: #FFC0CB; /* Fundo do menu */
padding: 2px;
float: left;
margin: 2px;
cursor: crosshair; /* cursor, troque tb por: help, normal etc ...*/
width: 45%; /* tamanho do menu
-webkit-transition-duration: .80s; /* efeito fade */
border:1px dashed #87CEEB; /* bordas */
color: #fff; /* cor da fonte quando passa o mouse */
}
cute:hover{
font-size: 10px; /* Tamanho da fonte do menu */
background: #ADD8E6; /* fundo do menu quando passa o mouse */
border:1px solid #FF69B4; /* bordas quando passa o mouse */
color: #fff; /* cor da fonte quando passa o mouse */
-webkit-transition-duration: .80s;
letter-spacing: 3px; /* espaço das letras hover */
}

.post-footer-line-1{
border-bottom: 1px dotted #ADD8E6; /* Estilo da borda */
font-size:11px; /* Tamanho da fonte de letra */
}
.post-footer-line-1{
border-bottom: 1px dotted #ADD8E6; /* Estilo da borda */
font-size:11px; /* Tamanho da fonte de letra */
}
.post-footer-line-2{
border-bottom: 1px dotted #FFC0CB; /* Estilo da borda */
font-size:11px; /* Tamanho da fonte de letra */
}

                    Onde estar de vermelho coloque a cor e estar explicando...Depois disso vc salve!
Agr para colocar o menu no blog vá em Design depois em Layout e depois em Adicionar um Gadgets e depois adicione HTML/JavaScript e cole esse código dentro dele:
                            <a href="URL DA PAGINA"><cute> NOME DA PAGINA</cute></a>
<a href=" URL DA PAGINA "><cute>  NOME DA PAGINA </cute></a>
<a href=" URL DA PAGINA "><cute>  NOME DA PAGINA </cute></a>
<a href=" URL DA PAGINA "><cute>  NOME DA PAGINA </cute></a></div></div>

Depois disso preencha onde estar em negrito...Depois de ter preenchido salve e visualize!
                                             Bjos pessoal até a próxima...
                                    

Nenhum comentário:

Postar 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⊙ ⊙︿⊙ ⊙ω⊙ ⊙﹏⊙ ⊙△⊙
≡(▔﹏▔)≡ ( ͡° ͜ʖ ͡°)