Personalizar o Tooltip

O tooltip da maioria dos sistemas operacionais não tem uma das melhores aparências, por isso, personalizá-lo é algo importante caso você queira deixar o seu blog com um toque mais profissional. Caso você não saiba o que é um tooltip, passe o mouse aqui!

1 Vá em Tema > Editar HTML > Clique na caixa de códigos e aperte Ctrl + F ou F3 > Procure por <head> > Cole abaixo o seguinte código:
2 Ainda na caixa de códigos, procure por ]]></b:skin> > Cole acima o seguinte código:
#s-m-t-tooltip { background: #CCC; /*--- Cor do fundo ---*/ border: 1px solid #333; /*--- Cor da borda ---*/ color: #FFF; /*--- Cor da letra ---*/ padding: 5px; /*--- Margem interna ---*/ -webkit-animation: CH 600ms; margin: 20px 20px 20px 8px; z-index: 99999999999999999; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; }
3 Faça as alterações necessárias.

3 Salve.

5 comentários, comente também!

  1. Esse tutorial é super útil <3 Eu até que sei cozinhar.

    Visite o blog :3 | Etc For Me :3

    ResponderExcluir
  2. Eu também não sei cozinhar,é que sou vuada então não posso nem tentar kkk' Eu adoro este tutorial é bem útil.Nossa seu layout é incrível,céus,que perfeição!

    those--eyes.blogspot.com

    ResponderExcluir
  3. Oie...
    valeu pela dica... ^_^"
    tente cozinhar;;; é uma maravilha!!!
    beiinhos
    tem homenagem no blog!!!
    http://vanessacupcake.blgspot.com

    ResponderExcluir
  4. Vc pelo menos sabe fazer ovo, suponho que seja frito, nem isso eu sei... eu fujo da cozinha. Já tentei cozinhar mas, tipo, eu perco a fome depois de ver minha comida -kkk- .
    Tooltips são uma graça! *--* No lay que estou terminando de fazer eu utilizei um que tem o código menor... Esse é o mesmo Tooltip do seu menu ?!

    ResponderExcluir
    Respostas
    1. Sim, esse tooltip do menu se aplica para todo o blog.

      Excluir

• Peça tutoriais em 'Contato'
• Comente com o link do seu blog para que eu posso visita-lo
• Você pode usar as Tags negrito, itálico, links...