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.
Obrigada, estava precisando disso! Adorei seu blog!
ResponderExcluirBeijos
>> pandeliciouz.blogspot.com <<
Não funcionou :c
ExcluirNão aparece as cores nem o hover, só o texto
Apaga o que vc tinha feito e tenta denovo, pode ser que funcione.
ExcluirBeijos :)
Vou tentar no meu!
ResponderExcluirhttp://euusomaquiagem.blogspot.com
tenta sim, é fácil.
ExcluirBeijoos :D