6 de set de 2012

Tutorial - Personalize Tooltip


Hey Girls, trouxe para vocês um tutorial muito simples, de personalizar o tooltip
Não sabe o que é tooltip? veja na imagem :
continue lendo...



Vá no seu HTML e tecle Ctrl F e procure pela seguinte tag:

</head>

Então acima de </head> cole isso:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/><script language='JavaScript' src='http://static.tumblr.com/oiizew6/8B5lzwf17/script.js' type='text/JavaScript'/>

Salve, agora dê Ctrl F novamente e procure por:

]]></b:skin>

Acima da tag procurada cole:

div#qTip {padding: 3px;background: #eee5de; /* Cor de Fundo*/color: #8b8378; /* Cor da Fonte */position: absolute;z-index: 1000;border: 1px solid #8b8378; /* Cor da Borda */display: none;font: bold arial;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}

Esse tutorial vai servir para se você tiver uma elite de afiliados, mas se você quiser usar em outros lugares, irei ensinar agora mesmo.


Para links:

<a href='LINK_AQUI' title='TÍTULO DO LINK EM TOOLTIP'>NOME_DO_LINK</a>

Para imagens:

<img src='LINK_DA_IMAGEM' title='TÍTULO DA IMAGEM EM TOOLTIP'/>


Esse tutorial é meio difícil mas da para fazer, Beijinhos

Nenhum comentário:

Postar um comentário