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

Preview

01 - Passo - Cole o código abaixo acima da tag: ]]></b:skin>

.wishlist {background: #f5f5f5 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYdsIGc79-20MuUHy_YVqL1nmfXNHBwU7dHR4DIFLVtrPQHkB3Yasgfv8jBkSpTTuRwwWKjDeLbPgezKdH-9AgRnVumFSh1AHtjbT1nOGNqcS5_PdiW87XAwno9a94GuDz_nuplVih4HMD/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..