10 de jul. de 2012

Efeito Tooltip

E ai galerinha hoje venho trazer um tutorial de como colocar o Efeito Tooltip nos links do seu site... espero que vocês gostem. Para quem não sabe que efeito é esse, confiram a demonstração:

Demonstração

Mãos ao tutorial:

1. Vá no guia do modelo.
2. Depois vá em Editar HTML
3. E procure pela seguinte tag:

/head
Acima da tag citada acima adicione o seguinte script:

Agora vamos adicionar o CSS, procure pela seguinte tag: ]]></b:skin> Acima dela adicione o seguinte código: div#qTip { padding: 3px; border:solid 1px #99062b; border-radius: 8px; display: none; background: #d22020; ---/* edite cor de fundo */ color: #FFF; ---/* edite cor do texto */ font: bold 9px Verdana, Arial, sans-serif; text-align: left; position: absolute; z-index: 1000; } Agora nos links das postagens ou nos links dos menus, adicione o seguinte código:

Pronto! Se gostou, comente.