19 abril 2013

Tooltip personalizado no Blog


Heey! Olha quem está aqui de novo ? Hoje eu vou mostrar como colocar Tooltip no blog, que para quem não sabe é aquela  caixinha personalizada que aparece quando tem algo pra ser descrevido na imagem ou no texto. Esse tutorial eu aprendi no Sweet Girl, quem quiser da uma passadinha lá, clique aqui.
Mãos a obra ?
Veja como fica:
(Imagem do Sweer Girl)

Primeiro iremos em modelo > Editar HTML 
Agora procure por ]]></b:skin> e cole em cima dele:
div#qTip {
margin:3px;
padding: 2px 10px;
border-right-width: 2px;
border-bottom-width: 2px;
display: none;
color: #cor;
background: #cor;
font-family: silkscreen;
font-size: 8px;
no-repeat 5%;
text-align: left;
position: absolute;
}
Coloque a cor desejada e aperte em visualizar, se estiver tudo certo clique em Salvar ! 

Um comentário:

  1. ois tudo bem ?? aodrei o tuto usarei no meu proximo lay! aproposito aceita afiliação ??

    http://littledreamer-14.blogspot.com.br | Little Dreamer

    ResponderExcluir