Olá galerinha,
Hoje eu trouxe para vocês um tutorial super legal e fácil de se fazer. Bom eu vou ensinar a vocês a fazer o menu EXPRESS, se ainda nunca ouviram falar do menu aqui está a :
Se gostou vamos ao tutorial.
Primeiro vá em modelo depois editar HTML e pesquise por:
]]></b:skin>
E cole acima da tag este código:
@font-face {font-family: "handy"; src: url('http://static.tumblr.com/lnvca6d/E6vm63ih7/pf_ronda_seven__1_.ttf');}
.express {
background-color: #CORDOFUNDO;
color: #FFFFFF;
display: block;
width: LARGURADOMENUpx;
height: 15px;
line-height: 13px; font-family: handy; font-size: 8px; text-align: center; text-decoration: none; text-transform:uppercase; margin-right: 1px; margin-bottom: 1px; padding-top: 2px; text-align: center; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;text-transform: uppercase;}
.express:hover {opacity: 0.5; margin-left: -30px;}
Modifique as partes em negrito e salve.
Depois vá em Adicione um gadget HTML/JavaScript e cole:
<center><a href="SEULINK" class="express">NOME DO LINK</a> <a href="SEULINK" class="express">NOME DO LINK</a> <a href="SEULINK" class="express">NOME DO LINK</a> <a href="SEULINK" class="express">NOME DO LINK</a> <a href="SEULINK" class="express">NOME DO LINK</a></center>
Modifique a onde está pedindo e salve. Prontinho super fácil né ? Beijos e até a próxima.
seu blog é muito fofo, e muito organizado também, amei os posts, principalmente esse sobre tutorial de menu... gostei do blog e estou seguindo. Segue de volta? http://docemakeupoblog.blogspot.com.br/ beeijos
ResponderExcluirSeu blog também é lindo eu amei e já estou seguindo. Beijos
ExcluirParabéns, seu blog é muito bacana. Já estou te seguindo.
ResponderExcluirVisite-me, também:
http://miniaturabarbieartesanatoemais.blogspot.com.br/
"Cheguei aqui, através do: http://santaclaraartesanato.blogspot.com.br.
Obrigada pela visita, fico feliz que gostou do meu blog. Eu fui visitar o seu e adorei é muito fofo. Beijos
Excluir