Menu que aumenta
Em primeiro lugar visualize o menu:
aqui
1- Cole os códigos abaixo em seu CSS:
.menuilh {margin-bottom : 1px;font-family: "Script MT Bold"; font-size:16px; letter-spacing : 1px; line-height: auto;text-shadow: 0px 1px 1px #291b2a;background:#291b2a;color:#fff; width:50px;-moz-transition: all 3s ease; -o-transition: all 3s ease; transition: all 3s ease;border-radius:7px;padding:6px;display: inline-block;}
.menuilh:hover {-webkit-transform: scale(1.5) ; -moz-transform: scale(1.5) ; -o-transform: scale(1.5) ; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;transform: scale(1.5);color:#fff;background:#4d424d;-moz-transition: all 3s ease; -o-transition: all 3s ease; transition: all 3s ease;border-radius:7px;padding:6px;}
@font-face {font-family: "Script MT Bold";
src: url("http://static.tumblr.com/mw3v5cd/FYymaipvr/scriptbl.ttf"); /* para IE */
src: local("Script MT Bold"), url("http://static.tumblr.com/mw3v5cd/FYymaipvr/scriptbl.ttf") format("opentype");
}
2- Modifique cores tamanhos e o que mais quiser (background, color, width, font-size...)
3- Coloque o código abaixo onde quiser que o menu apareça:
- se for de links:
<a href="/" class="menuilh">Menu</a>
<a href="/" class="menuilh">Menu</a>
<a href="/" class="menuilh">Menu</a>
<a href="/" class="menuilh">Menu</a>
- se for iframe:
<span onClick="changeNavigation('01')" class="menuilh" >Menu</span>
<span onClick="changeNavigation('02')" class="menuilh" >Menu</span>
<span onClick="changeNavigation('03')" class="menuilh" >Menu</span>
<span onClick="changeNavigation('04')" class="menuilh" >Menu</span>
Salve e veja como ficou !
Postado por I Love HTML. 19:55.
9 Comentários:
Poxa, gosto tanto do trabalho de vcs e admiro a criatividade de cada uma. Pena que vcs só postam temas para tumblr. Passo horas procurando algum template legal na net parecido com os que vcs fazem para tumblr, só que pra blogspot(pois particularmente acho que os themes para tumbler são os mais bonitos, do jeitinho que gosto) mas NUNCA encontro... não sabe como me deixa frustrada... então, pensando assim, gostaria muito de pedir pra vcs fazerem themes para blogspot tb.. Acho que assim como eu, muita gente iria ficar feliz em encontrar algo assim, tão bonito como os que vcs fazem para tumblr.
Mas enfim, gostaria de dizer que adoro o que vcs fazem aqui e já tenho vcs no meus favoritos >.<
Parabéns e sucesso aí sempre! :*
Não é nada sobre esse post, dsclp, mas qria saber se vcs já fizeram algum tutorial de ''como fazer themes'' se sim, pfvr mandem o link! obg, bjs. Aaaah, e descobri o blog hj, mas to amandoooooooooooo! ahahahahahah uvanoshort.tumblr.com
ultilizarei no meu blog!!
http://arcadoeterno.blogspot.com.br/
façam um tuto em video pfvr, pq o meu deu super errrado...sou nova no tumblr e n sei o q é 'CSS' uashuashaushauahs
Amei seu blog, lindo,lindo,lindo,
e amei o menu tbm,
o meu blog ta sem menuzinho kk
Beijos doces :3
http://doces-leitoras.blogspot.com.br/
Oii queria uma divulgação e ser sua afiliada claro vc vai ser a minha tbm
http://saahsiilvablog.blogspot.com.br/
http://demodehtml.blogspot.com.br/2016/07/script-x-adsense.html
http://demodehtml.blogspot.com.br/2016/07/script-x-adsense.html
التخلص من حشرات المنزل
Postar um comentário
- Elogie, critique, mas faça isso com educação.
- Se seu comentário estiver com palavrões de baixo calão será excluído.
Assinar Postar comentários [Atom]
<< Página inicial