03/06/2012

Personalizando Tooltip do blog

Usagi! Personalizando Tooltip do blog , tURIAL Divo. Lindo , Util , Facil, Legal
Recomendo Creditos a Kawi World 
Vá em Design → Editar HTML e procure por, </head>
Acima dele, cole esse seguinte codigo:
<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'/>
Agora procure por, ]]</b:skin>, antes dele cole esse código.
div#qTip {
padding: 4px;
border: 1px dotted #0abce0; ---/* cor, expressura, e estilo da borda */
border-right-width: 1px;
border-bottom-width: 1px;
display: none;
background: #e9eeef; ---/* cor do fundo */
color: #14c4e8; ---/* cor do texto */
font: Verdana;
font-size: 10px; /* tamanho da fonte */
text-align: left;
position: absolute;
z-index: 1000;
-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}


Personalize do jeito que quizer , By Mabi

3 comentários:

  1. É uma tuto muito útil, parabéns pelo blog divo, pena que é pequeno né? Eu já fiz a minha parte e já to seguindo.
    Se não for incomodar, você podia visitar e seguir meu blog? Sempre que der tempo, eu não vou deixar de conferir seu mundinho ok?

    RomanceWord.blogspot.com
    Bjss

    ResponderExcluir
  2. Oooi fofa, tudo bem ?
    Ameii seu blog, E já estou super seguindo..Pode retribuir e seguir o meu ? Estou te esperando lá
    BeijinhooSss flor :*
    http://gatarosadebotas.blogspot.com.br/

    ResponderExcluir