09/12/2012

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 abaixo podera ver o menu.. Os créditos são do blog Explodindo Glitter


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

Códigos
    .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;}


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

Códigos
<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

Bem Vindos
Hi! Meu nome é Andréa Alark, mas conhecida como Wendy dona do blog Bunny Crazy. O blog foi criado em 2010 na intenção de ajudar a criação e desenvolvimento do seu blog. Aqui encontrará tutoriais e dicas de HTML, layouts gratuitos e muito mais.
Friends
Bunny Crazy by Wendy ❀
Bunny Crazy ★
Bunny Crazy ★
12345