28/11/2012

Tutorial Menu de atualizações 'Wishlist'

21907_452838934774169_1992953917_n_large

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.

8 comentários:

  1. Esse menu é lindo! *-*
    Adoro o esfeito dele, é muito fofo :3

    Kissus ~
    mikicandy.blogspot.com

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

    http://doonadaa.blogspot.com.br/

    ResponderExcluir
  3. aaaaaaaah, quero fazer afiliação. beijos.

    http://doonadaa.blogspot.com.br/

    ResponderExcluir
  4. Otimo tuto amadinha ^^
    Uma excelente quinta amanha é sexta Huuu não me canso de dizer rss

    beijoks

    ( ᐵ ᗜ ᑈ)ᘉ Endereço>> Dany's Place ▓ ▓ Tutorial
    ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓

    ResponderExcluir
  5. Oi linda! Que blog fashion e lindo! Amei aqui ok? Poderia retribuir por favor? Beijos e obrigado!!

    http://japassoudotempo.blogspot.com.br/

    ResponderExcluir
  6. Gostei do tuto, seguindo aqui e valeu pela visita :)

    Adolescente Nerd

    ResponderExcluir
  7. Parabéns, você acaba de ganhar uma nova seguidora!
    Haha >.<
    Amei esse blog! E esse menu é mesmo lindo!
    Beijinhos :*
    http://chovendo--sonhos.blogspot.com.br

    ResponderExcluir
  8. Olá Linda, seu blog foi o vencedor do Game de divulgação, Parabéns!!
    http://mundodemeninna.blogspot.com.br/

    ResponderExcluir