09/12/2012

Tutorial: Menu de Atualizações

||

Hayooo meus floquinhos! Trago hoje um menu de atualizações, super bonitinho, ele e ótimo para informações do blog, como meta de seguidores, tempo de existência, nome de quem é o ou a dona entre mais coisas. Caso queira dar uma olhadinha aqui esta a demostração. Os créditos são do blog Explodindo Glitter.


Para ter um menuzinho como esse, basta ir ate seu HTML e procurar por ]></b:skin>, em seguida adicione o código abaixo a cima de ]></b:skin>:


    .atub{
    background: #eeeeee;  /*Cor do fundo, não altere! */
    font-family: trebuchet ms;
    font-size: 11px;
    margin: 2px;
    color: #000;
    display: block;
    -moz-box-shadow: inset 4px 0 0px 0 #Cor Da_Barra_Pequena;
    -webkit-box-shadow: inset 3px 0 0px 0 #Cor_Da_Barra_Pequena;
    box-shadow: inset 3px 0 0px 0 #Cor_Da_Barra_Pequena;
    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;}
    .atub:hover
    {color: #fff;
    -moz-box-shadow: inset 550px 0 0px 0 #Cor_Da_Barra_Grande;
    -webkit-box-shadow: inset 550px 0 0px 0 #Cor_Da_Barra_Grande;
    box-shadow: inset 550px 0 0px 0 #Cor_Da_Barra_Grande;
    color: #000000;}


Agora é só ir em seu Layout, então crie gadget de HTML/Javascript e cole esse código dentro:

<div class="atub">Frase que quiser</div>

Repita quantas vezes quiser o código ele sempre ficara um embaixo do outro.

5 comentários:

  1. Oi minha linda ta lindo o blog de cara nova, tava meio perdida pensando mas que blog e esse brunny crazy cheio de tutoriais, mas vi agora o url. Ta perfeito beijos linda e que tenha uma otima semana

    ResponderExcluir
    Respostas
    1. Rsrsrs sim, sim estou mudando o nome do blog, mas ainda iria avisar os afiliados, mas fico contente que tenha gostado do novo theme.
      *-* Arigatou para você tambem.

      Excluir
  2. Adorei, estou começando um blog, e esse menu seria muito útil...
    Beijokass
    Fer-->http://retardadasdanet.blogspot.com

    ResponderExcluir
  3. ai que lindo amei d+
    esse blog é perfeito
    http://cupcakescoloridoscc.blogspot.com.br/

    ResponderExcluir
  4. to usanod no meu outro lay bjs

    ResponderExcluir

Hi guys!!!!
Hey aqui é Wendy, blogueira desde 2010! Viciada em animes, amante de livros e adora ver séries! Criei esse cantinho na intenção de ajudar na criação e personalização de blogs e sites.
Wattpad Facebook Tumblr Instagram