Tutorial: Barrinha De Status


Hey ~

Bom, na ask, me pediram para postar barrinhas para status, o que imagino ser aquelas barrinhas com efeito, onde escrevemos a data de criação, sigla, etc e tal do blog. Como eu disse, eu imagino que seja isto, não tenho certeza pois quem pediu não especificou muito bem. Ou seja, se não for isto, peça novamente, mas especifique bem o que quer, ok?

Agora vamos ao tutorial desta barrinha. Antes de tudo, vou dar os créditos ao Kawaii World. Você pode ver a preview aqui, é só ir até o gadget Menu Hover Deslizante.

Let's Go?


1. Vá até Editar Html, procure por ]]></b:skin>, acima do código encontrado, cole isso:

.heart {display : block; font-size: 10px;font-family: Tahoma;letter-spacing : 0;border-bottom : 1px solid #eee;background-repeat : no-repeat;   text-indent : 5px;vertical-align : middle;text-decoration : none; line-height : 15px;margin-bottom : 1px;padding-left : 3px; -webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out;border-left: solid #CORDABORDA;background: #CORDOFUNDO; color: #666 !important;}.heart:hover {display : block;text-decoration: none; vertical-align: middle;line-height: 15px;background: #CORDOFUNDOHOVER; border-left: solid #CORDABORDAHOVER; padding-left: 15px;}

Troque as partes em negrito e salve.

2. Adicione um gadget Html/JavaScript e cole:

<div class="heart"> Seu texto </div>


Escreva o que quiser no espaço indicado. se quiser adicionar mais linhas é só ir repetindo o código.


Qualquer dúvida é só perguntar.

5 comentários:

  1. Obrigada, estava precisando disso! Adorei seu blog!

    Beijos

    >> pandeliciouz.blogspot.com <<

    ResponderExcluir
    Respostas
    1. Não funcionou :c
      Não aparece as cores nem o hover, só o texto

      Excluir
    2. Apaga o que vc tinha feito e tenta denovo, pode ser que funcione.

      Beijos :)

      Excluir
  2. Vou tentar no meu!

    http://euusomaquiagem.blogspot.com

    ResponderExcluir

Fique à vontade para comentar.
Peço apenas que não xinguem ou ofendam aos outros leitores.
Obrigada.