SH Menu #02

		• 001. COLOQUE ESTE APÓS <head>:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">


		• 002. COLOQUE CÓDIGO ENTRE <style> e </style>:


         /* --•      MENU #02 BY SHWNTY THEMES
                      NÃO COPIE, NEM REPASSE!       •--  */

.sh-menu {display:inline-block; position:fixed; margin-left:-60px /* Posição da esquerda! */; margin-top:150px /* Posição do topo! */; width:500px /* Tamanho da caixa do menu, se quer que fique um abaixo do outro, diminua o valor. */; height:auto; cursor: hand; text-align:left; z-index:9999999;}
.sh-menu a{display:inline-block; width:auto /* Tamanho do menu, auto, permite que ele se ajuste confome o tamanho do nome */; height:14px /* Altura da caixa do menu. */; line-height:16px; margin:5px; text-align:center; padding:5px; color:#000 /* cor do link */; font-family:'Montserrat' /* fonte */; font-size:9px; text-align:center; text-transform:uppercase; letter-spacing:1px; background:#beab9a /* background do link */; box-shadow:inset 1px 1px 1px rgba(255, 255, 255, .3), inset -1px -1px 1px rgba(0, 0, 0, .3); transition:1s;}
.sh-menu a:hover {letter-spacing:2px; animation: shaken .3s linear .1s infinite alternate; color: #000; transform: rotate(-10deg); text-shadow: none;}

@keyframes shaken {0% {transform: rotate(-10deg);} 100% {transform: rotate(10deg);}}


		• 003. COLOQUE ESTE CÓDIGO ENTRE <body> ou <body onkeydown="return false">:


    <!-- --•      MENU #02 BY SHWNTY THEMES
                      NÃO COPIE, NEM REPASSE!       •-- -->

<div class="sh-menu">

    <a href="/"><i class="fa fa-home"></i> HOME </a>
    <a href="/"><i class="fa fa-envelope"></i> ASK ME </a>
    <a href="/"><i class="fa fa-pencil"></i> SUBMIT </a>
    <a href="/"><i class="fa fa-tags"></i> AUTHORSHIPS </a>
    <a href="/"><i class="fa fa-star"></i> BLOGROLL </a>

</div>

    <!-- --•      MENU #02 BY SHWNTY THEMES
                      NÃO COPIE, NEM REPASSE!       •-- -->


					• SHWNTY THEMES