13 de jul de 2013

Tutorial - Personalizando o Tooltip do Blog .


      Olá Amoras ><
Vocês viram o novo modelo do We Heart it ? Pois é,curtei ,na hora que você clica na imagem  para salvar ,ele abre uma página ,e conforme você clica nas imagens elas vão passando,e ficam maiores,muito bacana,só acho que eles deveriam ainda melhorar mais na questão de rapidez, fica meio lento u.u  
Eu fiz Ombre Hair \õ ficou muito divo,talvez amanhã eu posto as fotos aqui do meu cabelo,e um tutorial para vocês ,bom amanhã eu falo mais sobre isso.

Enfim trouxe um tutorial muito conhecido,mas pouco se acha,que é personalizar o Tooltip do blog,para quem não sabe ,tooltip é quando você passa o mouse (cursor) em cima dos links do blog, e ai aparece um balãozinho escrito o nome do link, muito fofo mesmo. Vamos aprender?

Vá no seu editor de html >> ctrl + f  >> procure por :  </head> e acima cole o seguinte código abaixo:

<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/oiizew6/8B5lzwf17/script.js' type='text/JavaScript'/>

Colou ? Ok !  Agora procure por >>]]></b:skin> e acima da tag procurada cole o seguinte código :

div#qTip {padding: 6px;display: none;background: #COR DO FUNDO; border-radius: 5px;font-family: trebuchet ms;color: #COR DA LETRA;font-size: 12px;word-spacing: 3px;position: absolute;z-index: 1000;}


Salve,passe o mouse em cima de algum link em imagem dos seu blog (Afiliados e outros) para conferir se o balãozinho irá aparecer,pode deixa-lo quadradinho também , é só abaixar o numero de border radium ok ?  Beijos amores ♥

Um comentário:

Seja Educado
Comente sua opinião
Qualquer erro,reclame
Comente e seja feliz <3