Menu sidebar


Olá miguxinhos da tia Roh..Boa noite amores! Ainn hoje tava fuçando os maravilhosos tumblrs de Html e encontrei uns menus tão fofinhos para por na sidebar, sabe quando você quer por seus links pessoais mas não acha menus legais e com os tamanhos certos? Então, de tanto que fucei achei 3 modelos super legais, menus pequenos simples mas muitos fofos! Eu queria poder ter mais tempo de inventar coisas assim, mas não tem como, já até fiz alguns menus. Mas nada comparados aos do tumblr neh? E para isso tem que ter tempo para testar efeitos, cores, e transações legais, mas prometo que quando eu tiver mais tempo livre prometo que tentarei fazer alguns!

Créditos Aqui
Visualize Aqui

Acima de ]]skin: cole o seguinte código:

/*** Menu para sidebar por Ju (a-vendedora-de-sonhos) (helpfromhtml) ***/


        .menunave {border: 1px solid #BECBD7;font-size: 10px; font-family: Muli; float:left; padding:5px; text-align:center;height:13px; margin:1px;background: #EEE; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.15s ease-out; letter-spacing:1px; text-shadow: 1px 1px 0px #fff;  text-align: center; border-radius:2px}


        .menunave ac {color:#BECBD7; -webkit-transition-duration:.99s;}

        .menunave ac:hover {color:#FFF;text-shadow: 1px 1px 1px #BECBD7; -webkit-transition-duration:.99s;}


        .menu2 {border: 1px solid #CBD6E1;font-size: 10px;  font-family: Muli; float:left; padding:5px; text-align:center;height:13px; margin:1px;background: #DFE1EC;  -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.15s ease-out; letter-spacing:1px; text-shadow: 1px 1px 0px #FFFFFF; text-align: center; border-radius:8px}


        .menu2:hover {-webkit-transform: rotate(360deg) scale(1.4);

        -moz-transform: rotate(360deg) scale(1.4);

        -o-transform: rotate(360deg) scale(1.4);}


        .menu2 ab {color:#B5C5D8}


Links:

<a href="/" class="menunave"><ac>NAVEGUE </ac></a>
<span class="menu2" onclick="changeNavigation('NUMERO')"><ab>01 </ab></span>
<a href="/" class="menu2"> <ab>02 </ab></a>
<a href="/" class="menu2"> <ab>03 </ab></a>
<a href="/" class="menu2"> <ab>04 </ab></a>
<a href="/" class="menu2"> <ab>05 </ab></a>
<a href="/" class="menu2"> <ab>06 </ab></a>
<a href="/" class="menu2"> <ab>07 </ab></a>
</div> 
Querem ver os perfis de quem posta aqui? cliquem na imagem᠉
Continue

6 comentários:

  1. que bonitinhos *o*
    É legal usar esses menus na sidebar memso,ma sse a pessoa souber personalizar e deixar maior ai ficaria lehgal o pixil no cabeçalho *o*,e sim,eu quero a parceria,poderia me colocar na elite?

    ResponderExcluir
  2. a proposito,o meu blog é o coração de diamantes

    ResponderExcluir
  3. Adorei os menus!

    kawaii things > perfil

    ResponderExcluir
  4. como se faz em sidebar eu não encontro ]]skin: (╥﹏╥)

    ResponderExcluir
  5. Olá! Aceita afiliação? Segue? Beijoos!
    www.docemelodiia.blogspot.com

    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