Tooltip igual do blog


Yoo ~

Desculpem a minha falta de posts, minhas primeiras provas começaram e eu tenho que estudar bastante pois esse ano repete, então se eu não me der bem eu não vou conseguir passar. Quero dizer que eu consegui baixar e usar o photoshop EEE \o, mais também tenho uma má noticia. Minha tela do pc esta para queimar, ontem apareceu do nada uma mancha preta e do nada a tela começou a feder queimado. Tenho que aproveitar para escrever rapidinho esse post, então pode ser que eu fique sem postar alguns dias, para poder arrumar a tela

Bom, pediram na ask do blog para eu ensinar como fazer esse tooltip que usamos atualmente no blog. Pra quem não sabe é aquele balãozinho que quando você passa em cima dos parceiros aparace o nome. É fácil e eu espero que vocês entendam, vamos lá ~ 


1 - Procure por ]]></b:skin> e assim que achar cole o seguinte código ABAIXO dele.

div#qTip { 
padding: 1px; 
background: #CORDOFUNDO
opacity: 0.9; 
color: #CORDALETRA
position: absolute; 
z-index: 100; 
display: none; 
font: arimo; 
-webkit-transition-duration: .80s; 
border-radius: 1px; 
font-family: handy; 
padding: 5px; 
font-size: 8px; 
text-transform: uppercase; 
@font-face {font-family: "handy"; src: url('http://static.tumblr.com/lnvca6d/E6vm63ih7/pf_ronda_seven__1_.ttf');} 
edite onde está em negrito e salve !

11 comentários

  1. Anônimo28.3.13

    Slender tomando conta do teu pc -qqq
    O tooltip é divo, adorei ~~

    World Of Tutos

    ResponderExcluir
  2. Parece super fácil!!

    Thiago, me ajuda, eu não consigo baixar o Photoshop XD Como eu faço??

    Beijos, Gabi
    blog-censored.blogspot.com

    ResponderExcluir
  3. Awn sempre quis achar esse dai e finalmente achei ! Obrigada anjinho u_u

    Tenho vagas para afiliados , sei q para alguns de vcs isso não é importante , mas sei lá , se quiser ta ae :3 http://lost-in-paradise-oficial.blogspot.com.br/2013/03/vaga-para-afiliados.html

    ResponderExcluir
  4. Fica bunitinho , no meu proximo layout farei uma mudança radical *---*

    http://candyedream.blogspot.com.br/ ,

    Bom , como faz pra entrar na Tag 7 do seu gadget ?! aguardo respostas !

    ResponderExcluir
  5. Super legal o tutorial, o resultado fica perfeito!

    Adolescente Nerd

    ResponderExcluir
  6. A tooltip é perfeita!! Queria saber se vc poderia postar o tutorial de como colocar musica no gadget welcome do blog igual o seu. :)
    Agradeço!!
    www.believe--me.blogspot.com

    ResponderExcluir
  7. O Thiago ou Nen-chan sera que podem me ajudar com meu layout baixei aquele free da Cher Lloyd mas nao consiguo ajustar a sidebar!

    ResponderExcluir
  8. ótimo tuto, fica bem legal *-*
    aqui tem um selinho e uma tag pra você lá no blog:
    bJoos
    >.<
    http://cherrycookie-lucy.blogspot.com.br/2013/03/ganhei-um-selinho-e-uma-tag-o-fiz-um.html

    ResponderExcluir
  9. Adorei, é um tooltip simples, mais fofo! qualquer hora quando eu tomar vergonha na cara,talvez eu use no lay do meu blog!! *--*

    ..::IrisJovem//Blog::..
    irisjovem|blogspot.com.br

    ResponderExcluir
  10. adorei o tutorial! a tooltip é realmente linda e já estou usando no meu blog! ah, e aproveitando, você poderia postar um tutorial de como colocar a tooltip na elite de afiliados? beijos!
    meu blog: Le Parisien
    p.s: somos as mesmas donas do Barbrita e Juju!

    ResponderExcluir
  11. Poxa não estou conseguindo aplica-lo as minhas redes sociais, os ícones. :(

    ResponderExcluir

- Se quiser um post, peça na ask !

- Se não gostou, não use palavras ofensivas. Ninguém precisa rebaixar-se a tanto para expressar a opinião.

- Leio todos os comentários, respondo e retribuo sempre que o tempo deixa.