☆ - Tutorial : Menu Escondido

Status : Animada

Olá cogumelos , como estão indo? Hoje eu ia fazer duas postagens agora de manhã , só que eu tenho aula ás 10:40 , e 9:50 já tenho que sair de casa pra chegar lá na hora , e agora são 8:45 , então não dá por que eu demora pra escrever , sorry. Ontem não postei por que cheguei mais ou menos 15:50 por ai , tomei banho , comi e dormi e acordei 20hrs , então eu acordei muito tarde , e não vim postar , desculpem , a escola me deixa cansada e eu ainda to morrendo de sono. E cansada , hoje vou chegar 18hrs ou até um pouquinho mais tarde, ai sim eu vejo se venho postar a outra postagem que eu queria fazer.

Vizualize o menu lado esquerdo , passe o mouse / Créditos

Teve uma menina que perguntou no comentário : como isso (satanismo) funciona? Então vou falar um pouco de satanismo até por que sou ''novata'' , e não sou muito boa com ás palavras , incluíndo o satanismo , e também falei sobre satanismo na minha sala ontem  que ás meninas com que eu sento perguntaram , então eu apenas contei a eles e eles gostaram , ou sei lá , aceitaram a menoria aceita .. Vamos lá?

01. Queria postar hoje um tutorial que eu estava loucamente procurando que é o Menu Escondido , e coloquei no blog aquele ali ao lado esquerdo , como vocês perceberam e é isso que vou postar agorinha , e mais tarde um pouco sobre mim , no assunto satanismo :

02. Primeiro vai no painel do blogger , e cole este seguinte código acima de ]]>< :

.sidemenu {position: fixed; padding:10px; top: 0; opacity:0.8; width: 200px; height: 100%; border-right: 15px solid #FFD3D3; left: -218px; background-color: #FFFAFA; font-family:calibri; font-size:13px;color: #ccc; text-align: justify;-webkit-transition: all .7s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .7s ease-out; transition: all .7s ease-out; z-index: 151234354} .sidemenu:hover {opacity: 1;left: 0px; -webkit-transition: all .5s ease-out; -moz-transition: all .7s ease-out; -o-transition: all .7s ease-out; transition: all .7s ease-out;}

03. Feito isso agora vocês vão em adicionar Gadget Java/Script , e colocar o seguinte código dentro :

<div class="sidemenu"> <img src="http://static.tumblr.com/oxvpfuf/FFlnewhmk/side_3.png" height="200" width="200"/><br/><center> <small> Olá, Tudo bem? Meu nome é Rosângela mas mais conhecida como Roh Chan, sou dona de uns 4 blogs e vivo criando mais outros 500 por ai.. Este é um modelo de menu escondido, espero que gostem ;)</small><br /> <div style='text-align:center;margin-left:px; margin-bottom:10px;margin-top:15px;text-transform:uppercase;'> <a href="/"> Face -</a> <a href="/"> Tumblr -</a> <a href="/"> Instagram -</a> <a href="/"> Ask </a> </div> </center> </div>

04. Feito? Agora explicações :

- Quando você colocar em ]]>< , terá assim :
solid #FFD3D3; é a borda que fica do lado de fora
background-color: #FFFAFA; essa é a parte de dentro
color: #ccc; é a cor da fonte

05. Espero que eu tenha ajudado em , até mais tarde pessoal ~