Menu escondido


Buenas meus cogumelos (´▽`)*✲゚* Tudo bem com todos? Gente, vocês não fazem ideia de como eu estou feliz em poder estar postando este menu, sempre via modelos assim mas nunca acertava na hora de criar, estava tentando e tentando criar ele e nunca dava certo pois sempre faltava algo tipo, ou ficava tudo desalinhado ou a imagem ficava por fora do menu. Eu ficava sempre observando os códigos de outros modelos parecidos e tentando imaginar como faria para poder ter o mesmo resultado, fui usando meus códigos o conhecimento que tenho em html e depois de muitoooo tempo eu consegui \(*T▽T*)/ ♪ We are the champions, my friend...♪♪ UHSuahsuahsuahs musiquinha para demonstrar minha felicidade ˘⌣˘ Sei que é algo comum mas nada como criar algo seu mesmo, independente se é inovador ou não. É isso então, espero que curtam e usem. Kiss!


LIVE PREVIEW (✿◠‿◠)

Vá até o seu modelo e dentro procure por:  ]]></b:skin> cole o código abaixo acima dele e salve.

.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;}

Para usar os links e imagem cole este código dentro de algum gadget, de preferência que seja acima da área de post.

<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>


Querem ver os perfis de quem posta aqui? cliquem na imagem᠉
Continue

10 comentários:

  1. Ah cara, eu não acredito que você postou esse tutorial!
    Eu sempre quis saber como se fazia esse menu, fica muito lindinho, além de deixar o blog menos "poluído".
    Lembro que em um dos layouts do Bunny Crazy, a Wendy fez algo parecido com os seguidores. Se eu fizer o mesmo, vai ficar menorzinho? :3
    Kissus~

    scarletrainbow.blogspot.com

    ResponderExcluir
  2. Nossa, to apaixonada por esse menu <3 com certeza vou usar em algum lay free, mas claro q te dando os créditos ^.^

    Kissus >>> http://c-omebackhome.blogspot.com/

    ResponderExcluir
  3. Demorei um tempo para achar o menu, e estou rindo da minha cara agora (pode rir também, eu deixo). Eu já usei um menu desse em um layout meu, fica um amorzinho >3< Mas o seu ficou mais legal, pois tem como por fotinha, que fofo <3

    below ✿ average

    ResponderExcluir
  4. Que menu lindo Roh, a que bom que conseguiu criar ele com o seu conhecimento em html, ele ficou tão lindo nhãw! Só eu que li ♪ We are the champions, my friend...♪♪ cantando no ritmo? ashauhs :v acho que não, mais mesmo assim cantei u--u beijos Roh <3

    ResponderExcluir
  5. Que menu mais fofo!!
    Amei seu blog amor, será que pode me ajudar dando uma passada no meu novo blog e seguindo de volta? Eu criei ele ontem. Obrigada :3
    http://yeahdaydreamer.blogspot.com.br/

    ResponderExcluir
  6. Tinha visto esse menu faz um tempo, acho ele lindo e a melhor opção para alguém que quer algo simples e bonito.
    Parabéns por ter conseguido criar, enton q

    Chu ~ Tiffany, back-hug.blogspot.com

    ResponderExcluir
  7. Buenas, Roh-Chan! ^-^ Tudo sim! Nossa, que linda história de superação! É pra glorificar de pé igreja! >3< Ok, deixando as brincadeiras à parte, é muito bom quando depois de muito esforço conseguimos finalmente realizar algo não é? *w*
    O modelinho é um amor, sério. Tudo o que você faz sempre fica lindo, maravilhoso, fofoso, divoso e xeroso! Você arrasa! HUSUHAUH

    Beijos ~ || Empire Kawaii

    ResponderExcluir
  8. Amei :3 tem como o menu ficar escondido no topo do blog?

    ResponderExcluir
  9. Tem algum menu que deixa o botão de seguir preto e branco, mas quando o mouse é passado por cima do botão volta a cor original?

    Usando esse menu >u<
    Bye ~ | imagin-ation.blogspot.com

    ResponderExcluir
  10. Eu amo esse menu, ele ficou muito lindo num lay que estou fazendo HEUEHUEHEU

    Unconditionally Kawaii >.<

    ResponderExcluir

Olá meus amores, os comentários devem ser direcionados somente ao blog e não a vida pessoal de ninguém! Qualquer dúvida peça pela Ask que responderei o mais rápido possível. Anônimo não adianta vir xingar pelos comentários que antes de mesmo de pensar em me ofender eles serão excluídos! Não gosto de tags, se quiser fazer fique a vontade mas não irei retribuir, não curto seguindo segue de volta =/ mas posso seguir se gostar realmente do blog, não julgo por layout ou por seguidores, avalio o blog e como disse se eu curtir é claro que sigo, afiliações? Peça nos comentários pois se pedir em outro lugar no caso páginas é bem provável que eu não veja! Então meus lindos espero que curtam cada cantinho do meu bloguinho e voltem sempre! kissus (*^3^)

Layout e codificação por Roh A.Ramos Os blogs que mais ajudaram com os tutoriais foram: CHIHDVCA Tecnologia do Blogger ♡ 2012 a 2017