Olá gatinhos, tudo bem? Sintam-se a vontade e sejam bem vindos ao meu cantinho, este bloguinho foi criado em julho de 2012 e até hoje é direcionado a área de html e css. E se desejarem algo não exitem e peçam pela ask! beijinhos, bye ♡

30.11.12

Menu em lista para tutorias, tags ou blogroll

Olá  moranguetes tudo certinho? Bem hoje irei postar sobre um menu tipo whislist só que bem fofo e muito diferente dos que estamos todos acostumados ver em praticamente todos os blogs. O menu é lista em hover muito fofo e muito útil, você pode usar em marcadores, goodies, tutoriais, status do menu enfim use sua imaginação!


Live prewiew Aqui

Vamos lá? Vá até seu modelo editar html e procure por:

]]></b:skin>


E depois em seguida acima dele cole este código aqui:


     .cru a{background: #F3F3F4; margin: 3px;padding: 3px;display: block;font-size: 9px;border-radius: 3px; text-transform:uppercase;font-size: 11px; font-family : Muli;-webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out; text-indent:10px; color:#BBC2D0;text-shadow: -1000px 0 1px #D1D6E0; overflow:hidden; border-right:0px solid #D1D6E0;}

    .cru a:hover {color: #BBC2D0; padding-left: 29px; padding-right: 11px; text-shadow: 0px 0px 1px #fff; border-right:10px solid #BBC2D0;}

Salve  vá para layout e adicione um html java script e dentro cole:

<div class="cru"><a href="/">Lista</a><a href="/">Lista</a><a href="/">Lista</a><a href="/">Lista</a><a href="/">Lista</a><a href="/">Lista</a><a href="/">Lista</a><a href="/">Lista</a></div>


Coloque seus links e nomes respectivos, poderá mudar as cores dos titulos do fundo etc..
O resto vocês sabem neh? Créditos para o maravilhoso Greathelp me desculpem tinha esquecido de por ;)
Bem morangos esperam que tenham gostado, beijocas...

4 comentários:

  1. Awww adorei o tutu, é lindo esse menu lista e muito prático

    ~~Chu

    ResponderExcluir
  2. ja vi em outro blog, cade créditos.

    ResponderExcluir
  3. Já conhecia o menu, mas ele não deixa de ser fofo! (até estou usando ele no meu lay atual) E é realmente diferente do da maioria das pessoas ^-^
    Amei o blog, muito lindo! Suas postagens também são bem diferentes *-* Já estou seguindo aqui.

    valle-mustaqet.(blogspot)

    ResponderExcluir
  4. Para o Anônimo, não fiz esse tutorial com a intenção de dizer que fui eu que fiz o menu, até porque não mencionei nada sobre isso, e tem mais você pode sim ter visto em outro blog, mas esse menu foi feito pelo tumblr que citei ali em cima, e tinha esquecido de por o nome do tumblr, eclarecido? U_Ú

    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 DIREITOS ESTÃO RESERVADOS | Tecnologia do Blogger © 2017