4 Modelos para Tooltips

25 de ago de 2013


1. Vá no Seu HTML e procure por <head> e á baixo dessa Tag, cole isso:
<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/0xqvkot/uNAmn5zem/there.js' type='text/JavaScript'/>

2. Agora procure por </b:Skin> e cole em cima dessa tag, o código do modelo que mais lhe agradar

Modelos


div#qTip {
margin:2px;
padding: 5px 9px;
border-right-width: 1px;
border-bottom-width: 1px;
display: none;
color:#fc9ca7;
background: #e9d8d5;
border-radius: 5px;
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;
}
div#qTip {
margin:2px;
padding: 5px 9px;
border-right-width: 1px;
border-bottom-width: 1px;
display: none;
color:#f7c8a0;
background: #fcdcae;
font-family: silkscreen;
font-size: 8px;
no-repeat 5%;
text-align: left;
position: absolute;
z-index: 1000;
opacity: 1.5;
text-transform: uppercase;
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
}
div#qTip {
margin:2px;
padding: 5px 9px;
border-right-width: 1px;
border-bottom-width: 1px;
-webkit-border-radius: 10px;
-webkit-border-bottom-left-radius: 1px;
-moz-border-radius: 10px;
-moz-border-radius-bottomleft: 1px;
border-radius: 10px;
border-bottom-left-radius: 1px;
display: none;
color:#cea8a1;
background: #e4d1c4;
font-family: silkscreen;
font-size: 8px;
no-repeat 5%;
text-align: left;
position: absolute;
z-index: 1000;
opacity: 1.5;
text-transform: uppercase;
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
Creditos:(www)
>>>Usada aqui no blog
div#qTip {padding: 3px;border: 1px solid #CD3333; /* Borda */border-right-width: 2px; /* Margem interna */border-bottom-width: 2px; /* Margem interna */display: none;background: #f5f5f5; /* Background */color: #696969; /* Cor do texto */font-family: Century Gothic; /* Fonte */font-size: 6px;text-align: left; /* Alinhamento do texto */
position: absolute;z-index: 1000;}
Creditos:(www)

0 comentários :

Postar um comentário

Seu Comentários é sempre bem vindo!
Comente,opine,se expresse! Este espaço é seu!
Comentar faz parte,então por favor deixem comentários

-Todos os comentários são moderados e só ficarão disponíveis ao serem aprovados
-A área de comentários não é casa da mãe Joana,então tenha respeito.Não use palavrões,nem insultos,ofensas,agressões e baixarias;
-Não serão aceitos comentários Anônimos,comentários repetidos,e que tenham qualquer material publicitários ou de merchandising pessoal ou de benefício de terceiros
-Contatos pessoais devem ser feitos na pagina de contato.
-Não deixe links desnecessários os comentários

AVISOS:

--Blog não é Chat,respeitadas as regras ,é livre o debate dos assuntos aqui postados,Que o espaço de comentários não sirva para bate papo sobre assuntos de caráter pessoal ou estranhos ao blog
--A tentativa de clonar nomes e apelidos de outros usuários para emitir opiniões em nome de terceiros configura crime de falsidade ideológica.

Espero que tenham gostado do blog e que volte sempre!