Olááá!!! Tudo bem com vocês? Espero que sim *-* Hoje estou bem feliz! Essa é uma época muito boa pra mim, começaram os amigos secretos de fim de ano, na escola... E aquela musiquinha 'Hoje a festa é sua, hoje a festa é nossa, é de quem quiser, quem vier ♫' Amo isso :3 Enfim, viram que só faltam 2 seguidores pra completar mais uma meta? Eeeeeh Obrigado, obrigado, obrigado ♥ Bom, vamos logo ao assunto principal do post, hoje como pedido de uma querida leitora, eu trouxe o tutorial do menu de atulizações Wishlist, esse que tem aqui no blog com o nosso status. Vamos ver?
Vamos começar:
1. Vá em Editar HTML> Prosseguir> Ctrl+F e procure por ]]></b:skin> , antes dessa tag cole este código:
.midnight{background: #dfdbdb;font-family: trebuchet ms;font-size: 11px;margin: 2px;color: #000;display: block;-moz-box-shadow: inset 4px 0 0px 0 #a09aa3;-webkit-box-shadow: inset 3px 0 0px 0 #fe79ab;box-shadow: inset 3px 0 0px 0 #ee79b6;padding: 3px 3px 3px 6px;-moz-transition: all 0.4s ease-out;-webkit-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;-ms-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}.midnight:hover{-moz-box-shadow: inset 550px 0 0px 0 #d5e0c6;-webkit-box-shadow: inset 550px 0 0px 0 #f192ba;box-shadow: inset 550px 0 0px 0 #d5e0c6;color: #818181;}
Entendendo o código:
background: #dfdbdb; - Cor do seu fundo inicial.
font-family: trebuchet ms; - Fonte.
font-size: 11px; - Tamanho da fonte.
margin: 2px; - Espaço entre cada linha do menu.
color: #000; - Cor da fonte.
box-shadow: inset 3px 0 0px 0 #ee79b6; - Cor da linha quando menor.
E o resto você vê quando for trocando.
2. Agora, para poder usar, adicione um Gadget de HTML/JavaScript e cole:
<div class="midnight"> Seu texto </div>
Pronto, é só por o texto que você quiser na parte em rosa e você tem o menu 'Wishlist' *-*
Como falei, esse tutorial foi feito por uma leitora por comentário, mas quero lembrar vocês que podem fazer pela ask também ok??? A ask fica ali no Menu! Não no Wishlist
Pequeno aviso: Um dos blogs que está em destaque no blogroll é da minha amiga, o Panda Cat, ela não está postando no momento porque o computador dela estragou, mas ela não abandonou o blog não ok? Obrigado.
Tutorial do Kawaii World.
Esse menu é lindo! *-*
ResponderExcluirAdoro o esfeito dele, é muito fofo :3
Kissus ~
mikicandy.blogspot.com
kkkkkkk, também adoro a musiquinha, hoje a festa é sua, hoje a festa é nossa, mas odeio amigo secreto. kkkkkk, beijos. e ah não vou usar o tutorial, mas é um bom, por que eu acabei de terminar a personalização lá do blog. ;p Confere lá amor? hehe
ResponderExcluirhttp://doonadaa.blogspot.com.br/
aaaaaaaah, quero fazer afiliação. beijos.
ResponderExcluirhttp://doonadaa.blogspot.com.br/
Otimo tuto amadinha ^^
ResponderExcluirUma excelente quinta amanha é sexta Huuu não me canso de dizer rss
beijoks
( ᐵ ᗜ ᑈ)ᘉ Endereço>> Dany's Place ▓ ▓ Tutorial
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
Oi linda! Que blog fashion e lindo! Amei aqui ok? Poderia retribuir por favor? Beijos e obrigado!!
ResponderExcluirhttp://japassoudotempo.blogspot.com.br/
Gostei do tuto, seguindo aqui e valeu pela visita :)
ResponderExcluirAdolescente Nerd
Parabéns, você acaba de ganhar uma nova seguidora!
ResponderExcluirHaha >.<
Amei esse blog! E esse menu é mesmo lindo!
Beijinhos :*
http://chovendo--sonhos.blogspot.com.br
Olá Linda, seu blog foi o vencedor do Game de divulgação, Parabéns!!
ResponderExcluirhttp://mundodemeninna.blogspot.com.br/