SH Menu #01

		• 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 #01 BY SHWNTY THEMES
                      NÃO COPIE, NEM REPASSE!       •--  */

.sh-menu {display:inline-block; position:fixed; margin-left:-45px /* 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:14px; margin:5px; text-align:center; padding:5px; color:#a8bec3 /* cor do link */; font-family:'Source Sans Pro' /* fonte */; font-size:9px /* tamanho da fonte */; text-align:center; text-transform:uppercase; letter-spacing:1px; background:#1a1a1a /* fundo do menu. */; box-shadow:inset 1px 1px 0 rgba(0, 0, 0, .3), 1px 1px rgba(255, 255, 255, .2); border-radius:4px; transition:1s;}
.sh-menu a:hover {transform:scale(0.9); transition:1s;}


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


    <!-- --•      MENU #01 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 #01 BY SHWNTY THEMES
                      NÃO COPIE, NEM REPASSE!       •-- -->


					• SHWNTY THEMES