| Tutorial: Como colocar Tooltip no blog | 11 de jun. de 2013 | leave me ♥? |
Hooooy!
Como vocês estão?
Hoje irei postar o meu primeiro tutorial!
Sabe o tooltip? Aquela mensagem que aparece ao passar o mouse? Pois é,vou ensinar à como colocar a tooltip no blog!
Então,vamos conferir?
Vá no seu modelo HTML,e procure por: <head>
Cole abaixo de <head> o seguinte código:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'
type='text/javascript'/>
<script language='JavaScript' src='http://yourjavascript.com/1411249631/qTip.js'
type='text/JavaScript'/>
Agora aperte Ctrl+F novamente,e procure por ]]></b:skin> .
Acima de ]]></b:skin> cole:
Para o tooltip aparecer quando colocar um link em algo,utilize este código:
Acima de ]]></b:skin> cole:
div#qTip {Agora é só mudar as cores e fontes como quiser,e salvar!
padding: 3px; /*Espaço entre a borda e o texto*/
border: 1px solid #666; /* Estilo da borda */
display: none; /*Não mexa*/
background: #999; /* Cor de fundo */
color: #fff; /*Cor da fonte*/
font-family: Verdana; /*Tipo de fonte*/
font-size: 9px; /*Tamanho da fonte*/
position: absolute; /*Não mexa*/
z-index: 1000; /*Não mexa*/}
Para o tooltip aparecer quando colocar um link em algo,utilize este código:
<a href="link" title="Descrição do link">Texto linkado</a>Onde está escrito 'Descrição do link',você vai por o texto que quer que apareça,quando passar o mouse.O mesmo código pode ser usado em imagens:
<a href="link" title="Descrição da imagem"><img src="link-da-imagem/></a>Simples,não é? Espero que vocês tenham gostado!
Marcadores: Seu blog, Tutoriais
Hello , welcome to my personal blog. My name is Pipie and I am born in 09 December 1994 , I am from Malaysia. I don't express my feeling well. Can be quite shy too ^▵^ I have a very Hot-temper and i rely on my friends alot. Who hate to do homework and like to eat. I'm slow, so do be patient with me.If you want to know more about me , you can tag me on my tagboard or add me up on my website , the website are above just click it . I am a student in Kolej Yayasan Sabah and will be graduating soon . My ambition is to become a lecturer .
I draw, but not very good to say.
I like taking photos but most of my pictures are nonsense , I like to take everything . My mum always scold me because I can't take picture nicely and I love fashion so much but sadly I am not the fashionable type . I wish I can open a boutique .
I have a big passion for web-designing.
Sometimes i think i'm not good enough.
I don't have alot of things to say,
I listen and nod.