Tooltip personalizado para blog


 Estou mostrando mais um tutorial de hoje, por enquando ja tem 16 postagem no enjoy the html, to querendo ja colocar seguidores para vocês personalizar proprio blog, são servidores diferentes tomem muito cuidado com oque vocês leem por ai, ta masticado e espero que abusem desse tutorial ;)

Liga em continue com mais informações

Vou ensinar pra vocês como fazer esse que eu uso aqui no KW, mas como no Blockquote editem, por favor . 

Assim os blogs não ficam com tooltips iguais .

1. Vá em Design > Editar HTML e procure por </head>


2. Acime dele cole:

 <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. Procure por ]]</b:skin>


4. Acima dele cole:


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;

}


O resultado é o mesmo do KW, mude as cores (:

Nenhum comentário:

Postar um comentário