Menu Inclined
Preview ( xx ) Coloque esse após o <head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
Coloque esse entre <style> e </style>
#nv-inclined{ width:140px; /*/ largura do menu, se quiser um link na frente do outro basta aumentar esse tamanho/*/ padding:10px; margin-top:200px; /*/distancia do topo /*/ margin-left:244px; /*/distancia da esquerda /*/ z-index:999; font-family:courier; /*/ font do menu /*/ font-size:9px; text-align:left; } #nv-inclined i{ color:lightblue; /*/cor dos icones, pode alterar para color hex ex:#b0c4de;/*/ float:left; width:20px; height:20px; font-size:12px; /*/ tamanho do icone /*/ text-shadow:1px 1px 0px #fff; /*/ cor da sombra dos icones /*/ line-height:5px; } #nv-inclined a:hover i{-webkit-transform: scale(1.4) rotate(-20deg);} #nv-inclined a{ width:120px; /*/ largura de cada link /*/ padding:10px; height:5px; margin-bottom:2px; display:inline-block; background:rgba(255,255,255,.3); /*/background de cada link; preto ficaria rgba(0,0,0,.4); caso não queria que fique meio transparente só colocar uma cor solida tipo #f0f0f0; /*/ color:#696969; /*/ cor da font do menu /*/ text-transform:uppercase; line-height:5px; letter-spacing:2px; } /*/ FIM DOS LINKS, MANTENHA OS DEVIDOS CRÉDITOS/*/
Coloque essa parte depois de <body> ou <body onkeydown=“return false”>
<!--- MENU POR NEVALISCA.TUMBLR.COM ---> <div id="nv-inclined"> <a href="LINK"><i class="fa fa-home"></i> link 1</a> <a href="link"><i class="fa fa-envelope"></i> link 2</a> <a href="links"><i class="fa fa-quote-left"></i> link 3</a> <a href="link"><i class="fa fa-heart"></i> link 4</a> </div> <!--- FIM DO MENU --->
*Qualquer duvida ou erro me procure*
Se usar/gostar dê like.
Não reblog ou repasse!
Não se esqueça de creditar
Bibi