Seja bem vindo(a) ao Sugoi tutoriais =)
Temos temas para blogger, wordpress e outros!
Acompanhe nosso blog pela FANPAGE!
Peça o seu tutorial aqui!

1/31/2013

Personalizando o Tooltip

Bom gente! eu gosto muito de tollip talvez tem pessoas que não sabem o que é isso ou não sabe personalizar então decidi postar um tutorial que achei no Blog da girl confiram :

Entre no seu blog e vá em Design > editar HTML
Aperte Ctrl+F e procure por:
]]>
E, logo acima, cole este outro código:
div#qTip {
padding: 3px;
border: 1px solid #CD3333; /* Borda */
border-right-width: 2px; /* Margem interna */
border-bottom-width: 2px; /* Margem interna */
display: none;background: #f5f5f5; /* Background */
color: #696969; /* Cor do texto */
font-family: Century Gothic; /* Fonte */
font-size: 6px;text-align: left; /* Alinhamento do texto */
position: absolute;z-index: 1000;}
Aperte Ctrl+F novamente e procure por:
</head>
Coloque o seguinte código antes do anterior:
<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 e veja o resultado.
Créditos : Blog da Girl 

2 comentários:

  1. adorei a dica, não sabia o nome deste negocio e sempre quis mudar...kkkk...quando tiver mais tempo irei segui-lo....obrigado!

    ResponderExcluir

Seja educado , nossa educação depende da sua.
Criticas e sugestões são bem vindos.
Se reblogar por favor nos avise.