#pushescube
Explore tagged Tumblr posts
Visit Tumblr Blog
Explore Tumblr blogs with no restrictions, modern design and the best experience.
Last Seen Tumblr Blogs
Fun Fact
Hackers stole 65M passwords from Tumblr in 2013.
Text
Menu Pushescube
Visualize aqui .
Eu fiz esse menu rapidinho ,pois o outro estava idêntico ao wishes , e diriam que era plágio e etc ...
Coloque isso no seu css <style> entre </style>
/******** MENU PUSHES CUBE culpadadistancia.tumblr.com ********/ @font-face {src: url('http://static.tumblr.com/yg3uk3p/ulPm6l9os/04b_03__.ttf');font-family: Pixela; } .menu {font-family:'pixela';font-size:8px;text-align:center;text-transform:uppercase; -webkit-transition-duration:1s ; color:transparent; background:#FF6347;width:20px;display:inline-block;text-decoration:none;} .menu a { color:transparent;display:inline-block;text-decoration:none;} .menu:hover {-webkit-transition-duration:1s ;;color:#FFF;width:80px;text-decoration:none } .menu:hover a{-webkit-transition-duration:1s ;;color:#FFF;width:80px;text-decoration:none} .menu a:hover {color:#fff;text-decoration:none } a { text-decoration:none ; color:#f0f0f0} /***** Fim do menu ******/
Atenção : esse menu bugou , tive que colocar um ' a {text- ... } ' .
O que esse 'a' faz ? ele modifica a aparência dos links do seu theme , se tiver preferencias nele pode mudar mas coloque sempre :text-decoration:none
Agora depois de body , aonde você queira usar :
<div class='menu'> <div style='background:#1E90FF'><a href='oio'>HOME</div></div> <div class='menu'> <a href='oio'>HOME</div> <div class='menu'> <div style='background:#1E90FF'><a href='oio'>HOME</div></div> <div class='menu'> <a href='oio'>HOME</div> <div class='menu'> <div style='background:#1E90FF'><a href='oio'>HOME</div></div> <div class='menu'> <a href='oio'>HOME</div></div>
Eu só coloquei duas cores , pode por quantas quiser , e adicionar div styles iguais .
Menu feito por Nayanne Karis - culpadadistancia .tumblr.com
se foi útil dê like e credite .
5 notes
·
View notes
Text
Menu pushescube
Visualize aqui .
Eu fiz esse menu rapidinho ,pois o outro estava idêntico ao wishes , e diriam que era plágio e etc …
Coloque isso no seu css <style> entre </style>
/******** MENU PUSHES CUBE culpadadistancia.tumblr.com ********/ @font-face {src: url('http://static.tumblr.com/yg3uk3p/ulPm6l9os/04b_03__.ttf');font-family: Pixela; } .menu {font-family:'pixela';font-size:8px;text-align:center;text-transform:uppercase; -webkit-transition-duration:1s ; color:transparent; background:#FF6347;width:20px;display:inline-block;text-decoration:none;} .menu a { color:transparent;display:inline-block;text-decoration:none;} .menu:hover {-webkit-transition-duration:1s ;;color:#FFF;width:80px;text-decoration:none } .menu:hover a{-webkit-transition-duration:1s ;;color:#FFF;width:80px;text-decoration:none} .menu a:hover {color:#fff;text-decoration:none } a { text-decoration:none ; color:#f0f0f0} /***** Fim do menu ******/
Atenção : esse menu bugou , tive que colocar um ’ a {text- … } ’ .
O que esse ‘a’ faz ? ele modifica a aparência dos links do seu theme , se tiver preferencias nele pode mudar mas coloque sempre :text-decoration:none
Agora depois de body , aonde você queira usar :
<div class='menu'> <div style='background:#1E90FF'><a href='oio'>HOME</div></div> <div class='menu'> <a href='oio'>HOME</div> <div class='menu'> <div style='background:#1E90FF'><a href='oio'>HOME</div></div> <div class='menu'> <a href='oio'>HOME</div> <div class='menu'> <div style='background:#1E90FF'><a href='oio'>HOME</div></div> <div class='menu'> <a href='oio'>HOME</div></div>
Eu só coloquei duas cores , pode por quantas quiser , e adicionar div styles iguais .
Menu feito por Nayanne Karis - culpadadistancia .tumblr.com
se foi útil dê like e credite .
0 notes