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:
]]>
Acima dela adicione o seguinte código:
Agora nos links das postagens ou nos links dos menus, adicione o seguinte código:
Pronto! Se gostou, comente.
Mãos ao tutorial:
1. Vá no guia do modelo.
2. Depois vá em Editar HTML
3. E procure pela seguinte tag:
Acima da tag citada acima adicione o seguinte script:
Agora vamos adicionar o CSS, procure pela seguinte tag:
Acima dela adicione o seguinte código:
div#qTip {
padding: 3px;
border:solid 1px #99062b;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
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.
0 Deixe um Comentário:
Postar um comentário