6 de jun. de 2013

Voltei + Meta de 25 seguidores concluida *-* + Tooltip: Mensagem ao passar o mouse

Hello jujubas: trouxe um tutu super legal de um blog querido meu
Euuu voltei a postar aleluia, eu estava sem animo pra postar e tals agora to meio que anima lol
~~ Metaa concluida jujubas, obrigada a todos que estão me ajudando a crescer com o blog *-*
A meta agora é 30 Seguidores Let's Go~~
Mas vamos logo começar o tutu néh kk
Creditos : CB



Vamos começar? Vá no seu modelo HTML, e procure por <head>



Cole abaixo de <head> esse 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> Para facilitar digite apenas]]> e dê enter que você irá encontrar o código.



Acima de ]]></b:skin> cole este código:


div#qTip {

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*/}


Agora é só mudar as cores e fontes como você quiser e salvar!



Para o tooltip aparecer, quando colocar um link em algo, utilize esse 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>

Beijos pessoal

6 comentários:

  1. adorei!

    tudosobrepetparty.blogspot.com.br

    ResponderExcluir
  2. Sempre olho se os blogs tem tooltip ... É tão lindo, e deixa um acabamento tão fofo *-*

    É muito útil.
    To te seguindo. Parabéns pela meta concluída, boa sorte para a próxima.

    http://girlsbrasileiras.blogspot.com

    ResponderExcluir
  3. Oi flor!! Adorei o tutu!! Mas nao entendi esses dois últimos códigos!! Beijos

    princesasmaquiada.blogspot.com.br

    ResponderExcluir

Algumas regrinhas antes de comentar :
-Não xingue ninguém
-Aceito seguindo, segue de volta ?
-Deixe o link do seu blog no final do comentário
-Não desrespeite nenhuma das postadoras
-Fale sobre o post
-Algum erro no post ? Me diga delicadamente

Bem por enquanto é só
Agora deixe seu comentário cupcake