18 de fev de 2013

Como personalizar o Tooltip do blog

Oi Oi Gente!
Desculpa a demora do post é que eu estava realizando as minhas atividades escolares e estava realmente com um pouco de dor de cabeça... Eu tenho que informar que quarta-feira eu tenho uma prova e aí eu não vou poder postar porque não é legal tirar nota baixa na primeira prova do ano né!
Aqui eu venho com mais um tutorial super simples e fácil, mas que pode deixar seu blog ainda mais moderno e atrair a atenção dos leitores, espero que gostem ~créditos ao BC!
Procure por </head> e cole o seguinte código ACIMA dessa tag:
<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'/>
Mais uma vez de CTRL+F e procure por ]]></b:skin> e ACIMA dele cole o código abaixo !
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;
}
Aonde está em negrito, edite as cores usando esta tabela Link, pronto seu tooltip está personalizado =3


4 comentários:

  1. Muito boom o tutorial, e super fácil de se aplicar por sinal.. :]

    Jhoonasw ~ www.ejhonas.com (seguindo~)

    ResponderExcluir
  2. legal o tutorial elem de bem interessante e bem facil também.
    seguindo, sr puder retribuir, rs.
    www.blogsweetgirls.com

    ResponderExcluir


- Antes de qualquer coisa, fale um pouco da postagem.
- Não desrespeite ninguém e nem o blog!
- Aceito criticas construtivas.
- NÃO aceito APENAS: Seguindo, segue de volta?