Modelos para tooltip! #1

     

OI pandinha tudo bom? Bom esse é o meu primeiro tutorial e espero que vocês gostem dele!!  Então C'mon!

Bom primeiramente vá no seu HTML e procure por </head> e logo abaixo cole isso:::
(caso contrário não funcionará)

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script><script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>

Agora

        MODELO 1
 

@font-face{font-family:"silkscreen";src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }div#qTip {margin:2px;padding: 5px 9px;border-right-width: 1px;border-bottom-width: 1px;text-shadow: 1px 1px 0px #ccc6e8;display: none;color:#fff;text-align: left;position: absolute;z-index: 1000;text-transform: uppercase;background: #dcd8ef;border: solid 1px #ccc6e8;font-family: silkscreen;font-size: 8px;no-repeat 5%;}

        MODELO 2
    

 @font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }div#qTip {margin:2px;padding: 5px 9px;border-right-width: 1px;border-bottom-width: 1px;text-shadow: 1px 1px 0px #f7cedd;display: none;color:#FFF;text-align: left;position: absolute;z-index: 1000;text-transform: uppercase;background: #fce3ec;border: solid 1px #f7cedd;font-family: silkscreen;font-size: 8px;no-repeat 5%;}

CRÉDITOS::::  SEVEN ROSES


MODELO 3

       @font-face { font-family: "silkscreen"; src:                                    url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }

div#qTip {

margin:2px;

padding: 5px 9px;
border-right-width: 1px;
border-bottom-width: 1px;
display: none;
color:#fff;
background: #9bb3bc;
box-shadow: inset 0 0 20px #5ea0b9, 0 0 10px #ccc;
font-family: silkscreen;
font-size: 8px;
no-repeat 5%;
text-align: left;
position: absolute;
z-index: 1000;
opacity: 1.0;
text-transform: uppercase;
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
}

CRÉDITOS:: KAWAII WORD