- Hello Chocos
Então gente, como estão? Então se vocês não entenderam os 15 dias que eu coloquei no titulo, significa que faltam 15 dias pro natal *0* Estou ansiosa e.e, mais bem sem blá blá blá, vamos para o tutorial
Quer ver o tutorial ? Só Mais Informações
Então amoras, no tutorial de hoje eu vou ensinar para vocês como coloca o Tooltip no blog, que é tipo um mini texto que sai quando você passa o mouse em algum link. Veja :
Então Amoras, vamos? Primeiro você tem que ir no painel do seu blog e vá em
Modelo>Editar HTML>Aperte Ctrl+F e procure por
<head>
Cole abaixo de <head> este código
<script
src="http://ajax.googleapis.com/libs/jquery/1.3.2/jquery.min.js'
type='texte/javascript'
<script language='JavaScript' src='http://yourjavascript.com/1411249631/qTip.js'
type='texte/JavaScript'/>
mexa*/}
Salve, continuando no HTLM procure por ]]> de enter, e encima desta TAG cole este código :
div#q Tip {
padding: 3px; /*Espaço entre a borda e o texto*/
border: 1px solid #666;/* Estilo da borda*/
display: none; /*Não mexa*/
color: #fff; /*Cor da fonte*/
font-family: Verdade; /*Tipo da fonte*/
font-size: 9px; /*Tamanho de fonte*/
position: absolute; /*Não mexa*/
z-index: 1000; /*Não mexa*/}
Mude a fonte e cores salve e prontinho :3
Para que o nosso Tooltip apareça, quando colocar um link, ponha este codigo
<a href="link" title="Descrição do link"> Texto linkado</a>
Onde está escrito Descrição do link, você coloca o texto que quer que apareça no seu link, mais se você quer colocar imagem tipo igual a do blog ou igual do CB coloque este link
<a href="link" title="Descrição do link"><img src="link-da-imagem/></a>
credito do Tutorial ao blog : Cherry Bomb
Nenhum comentário:
Postar um comentário