Hey pimpolhos! Como vão?
Hoje meu dia foi uma caca, e semana quem vai ser mais! Fui no médico, e ele mandou fazer exame de sangue (fala sério, é muito ruim e chato!), odeio ir no médico, ele só manda fazer exame de sangue todo ano. Enfim, isto não chega ao caso!
Eu estava olhando um blogs por ai, e quando cheguei no Sugoi Tutoriais, vi um tutorial de menu agenda (créditos à o blog, pelo tutorial). Ele é muito bonitinho, veja a Preview dele. Ele está grandinho, mas se colocado em uma sidebar, ele se ajusta exatamente. Vamos ao tutorial?
Acima desta tag, cole o seguinte código (ajuste de seu gosto):
.menudiv {
background: #eee; /* Cor de fundo da wishlist */
margin-bottom: 2px;
font: 12px Tahoma; /* Tamanho e fonte */
line-height: 18px;
widht: 300px;
height: 29px;
-webkit-transition-duration: .80s;
-moz-transition-duration: .80s;
-o-transition-duration: .80s;
-ms-transition-duration: .80s;
transition-duration: .80s;
overflow: hidden;
}
.menudiv:hover {
background: #b37206; /* Cor de Fundo da wishlist ao passar o mouse */
margin-left: 0px;
widht: 300px;
height: 29px;
color: #fff; /* Cor da letra da wishlist */
}
.menudiv seta {
background: #b37206; /* Fundo de onde está a seta */
font: 20px Tahoma; /* Tamanho e fonte */
color: #fff; /* Cor da Seta */
padding: 4px;
margin-right: 9px;
}
.menudiv:hover seta {
background: ; /* Cor da Caixinha da seta ao passar o mouse */
color: #513868; /* Cor da setinha ao passar o mouse */
}
Salve.
Depois, adicione um gadget HTML/ Java Script e cole (ajuste como desejar):
<div class="menudiv"><seta>01</seta>São Paulo - Brasil</div>
<div class="menudiv"><seta>02</seta>São Paulo - Brasil</div>
<div class="menudiv"><seta>03</seta>São Paulo - Brasil</div>
<div class="menudiv"><seta>04</seta>São Paulo - Brasil</div>
O tutorial foi este! Eu particularmente gostei muito deste menu agenda, e vocês?
Esse tutorial é bem fácil e eu adorei *-*
ResponderExcluirCate-land.blogspot.com
Hey que bom que você gostou! Ele é muito fácil mesmo! ><
ExcluirAwn, que menu mais fofo >3<
ResponderExcluirwww.b-urning.blogspot.com.br
É muito fofo mesmo! >< haha!
ExcluirKiss
Que fofura, e é tão fácil *u*
ResponderExcluirVocê tem razão eu odeio tirar sangue -q
Beijos Vices of life(clique)
É muito fofo, e fácil mesmo! e.e
ExcluirAcho que todos nós odiamos! :X
Beijos!
Que lindo o menu! Adorei o post Kissus.
ResponderExcluirwww.k-awaiicherry.blogspot.com < seguindo, segue de volta?
É lindo mesmo! Que bom que gostou! (:
ExcluirJá sigo sim flor!
Beijos!
Gostei do menu, bem legal! :D
ResponderExcluirRespondendo você, aceito afiliação sim, no caso vou adicionar você nos meus afiliados agora :) xoxo.
Que bom que gostou Luan! :D
ExcluirJá irei te colocar, ok?
É bem chato mesmo ir ao médico seja para tirar sangue ou qualquer outra coisa ^・ェ・^, amor super fofo o menu e bem criativo ;) Beijocas (-‿◦☀)
ResponderExcluirHaving Cherry ☁ | Garota no Mundo Html
É super chato mesmo! heehuehe'
ExcluirFico super feliz em saber que gostou do menu! (:
Beijos!
Faz anos, anos mesmo que não vou ao médico tirar sangue grazaDeus UHEUHE', dia 05 vou tirar uma pinta, me deseje sorte D: q
ResponderExcluirQue graciiinha *u* Talvez eu use, salvei nos favoritos :3 Aah, eu aceito sim afiliação, vou te por ♥
htmlandresources.blogspot.com.br
Que sorte que você tem! heuhuehe' Ah, e boa sorte, não fique nervosa não, isto só atrapalha! rçrç
ExcluirAh, fico muito feliz mesmo! Já vou te por também! ♥
Esse menu agenda é bem lindo eu gostei do efeito *u* e o tutorial é simples de fazer <3
ResponderExcluirFH♡
Que bom que gostou! *-*
ExcluirÉ mesmo muito fácil de fazer! (:
Beijos!