18 de jan de 2014

Menu Wishlist “Regrinhas”

   
Oie tudo bem com vocês? bom eu estou meio atrasada nas postagens, mas é por falta de tempo, eu publico quando puder, e espero que entendam, falando nisso, vou ver se encontro tempo para criar o novo lay do blog, pois é eu sei que o lay atual é muito recente, mas gosto de mudar e esse é meu jeito, bom falando do tuto é um menuzinho simplesmente perfeito para listar as regrinhas do seu blog e outros afins, espero que gostem seus lidos, e não esqueçam, se usarem o menu coloque os créditos, é muito importante para a divulgação do blog..



01 - Passo - Cole o código abaixo acima da tag: ]]></b:skin>
.wishlist {background: #f5f5f5 url('http://4.bp.blogspot.com/-y6ygX7yofVc/T_o1_Nf2g_I/AAAAAAAAB5I/9Ogc_wXWaxs/s1600/EricaRibeiroGifFavicon21.gif') no-repeat left; color: #adadad; margin-bottom:3px; text-shadow:1px 1px 0px #fff; font-family: 'Libre Baskerville', serif; font-size:9px;padding-top:6px; padding: 6px 12px 6px 22px; box-shadow: 0px 1px 1px #dadada; -webkit-transition: all ease-out 0.5s; cursor:pointer;}
.wishlist:hover {background: #f5f5f5 url('http://media.tumblr.com/938fe1c5adfd00186969ffd9995fcfce/tumblr_inline_mhc5taz6yy1qz4rgp.png') no-repeat left; color: #adadad; margin-bottom:3px; text-shadow:1px 1px 0px #fff; font-family: 'Libre Baskerville', serif; font-size:9px;padding-top:6px; padding: 6px 12px 6px 25px;border-right:2px solid #c5f142; }

02- Passo - Adicione o código abaixo em um HTML/JAVASCRIPT.
<div class="wishlist"> Conteudo </div>
<div class="wishlist"> Conteudo</div>
<div class="wishlist"> Conteudo</div>
<div class="wishlist"> Conteudo</div>
<div class="wishlist"> Conteudo</div>
<div class="wishlist"> Conteudo</div>
<div class="wishlist"> Conteudo</div>
<div class="wishlist"> Conteudo</div>
<div class="wishlist"> Conteudo</div>
<div class="wishlist"> Conteudo</div>
<div class="wishlist"> Conteudo</div>
<div class="wishlist"> Conteudo</div>

Prontinho, fácil né? salve e veja o resultado, espero que tenham gostado do tuto de hoje, vou tentar postar com mais frequência e retribuir os comentários, beijos e fiquem com Deus..



20 comentários:

  1. Usando na minha página de afiliação flor :3

    ResponderExcluir
    Respostas
    1. Que maravilha, fico muito feliz quando vejo que os leitores gostam dos tutos...

      Excluir
  2. Sou péssima com HTML e esses tutoriais me ajudam bastante, o seu está ótimo!
    O blog é maravilhoso, parabéns!
    Seguindo!
    Beijos!
    http://borboletasliteraria.blogspot.com.br/

    ResponderExcluir
  3. Muito obrigada Beatriz, te agradeço...

    ResponderExcluir
  4. Amei o blog !!
    estou seguindo, segue de volta??

    http://galaxykawaiii.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Oi Giovanna muito obrigada pela sua visita, e será um grande prazer retribuir a visita e seguir seu blog, beijão linda!!

      Excluir
  5. Acho que vou usar ^^ Menu muito lindo parabéns <3
    Beijinhos Querendo Voar *u*

    ResponderExcluir
    Respostas
    1. Obrigada ana maria, o menu é muito fofo mesmo..

      Excluir
  6. Que lindo blog amor :3 Esse menuzinho ae também muito fofo >.<
    seguindo, Kisses

    inside-oficial.blogspot.com

    ResponderExcluir
  7. Que lindo o menu! Amei! Com certeza vou usar em meu novo lay.
    Adorei seu blog e estou seguindo!
    Beijos
    Quarta Estação

    ResponderExcluir
  8. mds que lindo esse menu <3 talvez eu use no meu próximo layout (vai demorar, mas vai saber, né :p)
    Seguindo aqui o blog, muito lindinho, nha <3

    Kissus~
    i-deiasdeumagarota

    ResponderExcluir
  9. Que amor! Fazia tempo que eu não via um tutorial de HTML ensinando algo tão bonitinho ♥
    Seu blog é muito lindo,adoreeei.Estou seguindo.Obrigada pela visita.Beijos!
    c-reating.blogspot.com.br

    ResponderExcluir
    Respostas
    1. muito obrigada Maju, é bom ver que os leitores gostam dos tutoriais, obrigada pela visita e beijão..

      Excluir
  10. adorei o post, pretendo usar em breve esse tuto.

    http://stroke-of-insanity.blogspot.com.br/

    ResponderExcluir
  11. adorei o post, pretendo usar em breve esse tuto.

    http://stroke-of-insanity.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Obrigada matheus que bom que você gostou...

      Excluir