Oi gente como estão? bom primeiramente desculpe por não ter postado nos últimos dias, ando muito cansada e com muita dor de cabeça, mas hoje criei coragem e vergonha na cara e estou postando. Eu gostaria de agradecer a todos pelo apoio e pelos comentários na postagem anterior, fiquei muito feliz e agora me sinto mais confortável para postar e comentar em outros blogs. Enfim, sobre um tutorial de hoje é um menu muito lindo que vai ficar muito bacana em seu blog, ignorem a postagem relâmpago e minha presa em terminar logo, mas como disse acima eu to muitooo cansada,então espero que gostem e vamos de tutorial..
01- Passo: Coloque o código abaixo acima da tag
]]></b:skin>
.menu1 {width:248px; height:32px; float:left;}
.menu1 ul {background: url('http://static.tumblr.com/q3bfkrn/LOhm6cpdh/1.png') no-repeat top; color: #fff; font-size: 28px; text-transform: uppercase; font-family: 'Yanone Kaffeesatz'; text-align: left; letter-spacing: 3px; margin:0px;}
.menu1 ul:hover {background: url('http://static.tumblr.com/q3bfkrn/LOhm6cpdh/1.png') no-repeat center;}
.menu1 ul:active {background: url('http://static.tumblr.com/q3bfkrn/LOhm6cpdh/1.png') no-repeat bottom; color:#5ba7b8;}
.menu1 a,.menu1 span{color:#fff;}.menu1 a:hover,.menu1 span:hover{color:#fff;} .menu1 a:active,.menu1 span:active{color:#5ba7b8;}
02-Passo: Agora coloque esse outro código em um
HTML/JAVASCRIPT
<div class="menu1">
<ul><a href="#">nome do link</a></ul>
<ul><a href="#">nome do link</a></ul>
<ul><a href="#">nome do link</a></ul>
<ul><a href="#">nome do link</a></ul>
<ul><a href="#">nome do link</a></ul>
</div>
Mds que lindo! Amei esse menu, coisa mais perfeita <3
ResponderExcluirhttp://maiira-t.blogspot.com.br/
Mds que lindo! Amei esse menu, coisa mais perfeita <3
ResponderExcluirhttp://maiira-t.blogspot.com.br/
muito obrigada linda, que bom que você gostou!!
ExcluirQue menu mais perfeito *u*
ResponderExcluirkisses || We're Trendy
obrigada *------*
ExcluirAmei esse menu.
ResponderExcluirSweet of Cherry
Muito obrigada Marcicleide
ExcluirGostei muito do menu, é realmente fofo!
ResponderExcluirDébora, lembra que postou no Zombie Cute o layout da Vanellope?
Poderia postar novamente? Aquele layout é muito divo senhor, quero ele 'u'
c-akeparty.blogspot.com
Ahh que bom que você gostou Carla, o lay esta disponível na tags layouts free no menu principal do blog..
ExcluirMenu diwo demais :3
ResponderExcluirchuvasdioutono.blogspot
Obrigada!!
ExcluirMeu deus que lindo *33*
ResponderExcluirÉ super fofo.
querendo-voar.blogspot.com.br || Querendo Voar ~ ( Visite )
Obrigadaaa
ExcluirOi Débora, aqui é a dona do blog Lost In Shadows. E você perguntou aceitaria afiliação a um tempo. E eu aceito sim, você já está na minha lista de afiliados, me coloca de volta? http://l-ostinshadows.blogspot.com.br
ResponderExcluirmuito obrigada, já vou te colocar aqui..
ExcluirSeu blog é lindo, parabéns!
ResponderExcluirbeeijos, aninha
http://justlanna.blogspot.com.br
Muito Obrigada!!
Excluir