16.6.12

Tooltip blog


Gente vou ensinar a por o tooltip blog(quando por o mouse em cima de um link aparece igual o modelo da foto abaixo):
Então vamos lá!!!

1-Vá em Design → Editar HTML e procure por: 
</head>
2-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'/>
3-Agora procure por:
 ]]</b:skin>
 4-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;
 Para sempre que quiser modificar a cor, é só ir na Tabela de cores

4 comentários: