20 de julho de 2012

Tutorial-Como personalizar tooltip no blog

                       
                                                                Oi meus amores
Oiiiie meus amores...Tudo bem?Eu espero que sim ^-^ Hoje eu vou ensinar como personalizar o tooltip do blog...Igual daqui do blog...Créditos ao: Girls mania e tbm meus amores antes de ensinar o tutorial...Eu gostaria de mostrar o que vai dar como encostar em algum link do blog:
 Só dar esse efeito como vc passa em um link...Alguns links dão...Vamos ao tutorial?Então vamos lá!
Vá em Design depois em Modelo e depois vai aparecer Editar HTML e vc aperte nele!Depois disso aperte em Prosseguir e aperte: Ctrl+F e procure por:
 </body>
A cima de </body> cole o código abaixo:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

<script language='JavaScript' src='http://dl.dropbox.com/u/35546279/qTip_pinkskulldesign.com_.js' type='text/JavaScript'/>
<style>
div#qTip{

margin:17px 0;
padding:3px 5px 3px 22px; /*modifique se precisar ajustar o mini gif*/
display:none;
background:#fff  /*Cor de fundo do Tooltip*/ url(url do mini gif)no-repeat 5%;
text-align:left;
font-family:  'arial'; /*modifique a fonte se quiser*/
font-size:12px; /*tamanho da fonte*/
z-index:1000;
position:absolute;
color:#000; /*Cor da letra que quiser*/
border:#ccc solid 1px; /*Cor e estilo da borda que quiser*/
border-radius:10px /*Se quiser arredondar o balãozinho*/
}
</style>
Onde estar em negrito complete com a tabela de cores...Clique aki! 
Depois disso...Salve e visualize se estiver tudo certo!!!
                                                                         Se usar o tutorial der créditos ao Amizade de Menina!
Tchau bjs pessoal até +++
Bjs da Débora
                          

Nenhum comentário:

Postar um comentário

Comente a vontade, desde que saiba respeitar ;)
Ah, e não é necessário fazer uma conta para comentar, basta colocar como anônimo.

Emoticons:

♥❤∞ ☆ ★ ✖ 。◕‿◕。® ™ ☏✿゚✤
(◕‿◕✿) 。◕‿◕。 ⊱✿◕‿◕✿⊰(◡‿◡✿)(◕〝◕)◑▂◐ ◑0◐ ◑︿◐ ◑ω◐ ◑﹏◐ ◑△◐ ◑▽◐
●▂● ●0● ●︿● ●ω● ●﹏● ●△● ●▽●
⊙▂⊙ ⊙0⊙ ⊙︿⊙ ⊙ω⊙ ⊙﹏⊙ ⊙△⊙
≡(▔﹏▔)≡ ( ͡° ͜ʖ ͡°)