Ooooie~
Hoje vim trazer um tutorial super fácil para vocês :)
Como personalizar o tooltip do seu blog !
Pra quem não sabe Tooltip é o nome que aparece em tipo uma nuvenzinha no blog, para vocês saberem passem o mouse por cima de um dos afiliados do blog. o Tooltip é a nuvenzinha preta que aparece em baixo do mouse !
Mas vamos lá !
Procure por </head> e cole o seguinte código ACIMA dessa tag:
<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'/>
Mais uma vez de CTRL+F e procure por ]]></b:skin> e ACIMA dele cole o código abaixo !
div#qTip {padding: 3px;background: #eee5de; /* Cor de Fundo*/color: #8b8378; /* Cor da Fonte */position: absolute;z-index: 1000;border: 1px solid #8b8378; /* Cor da Borda */display: none;font: bold arial;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
Aonde está em negrito, edite as cores usando esta tabela Link, pronto seu tooltip está personalizado =3
Aprendi aqui (www)
Bejos <3
usando o3o
ResponderExcluirEste comentário foi removido pelo autor.
ResponderExcluirUsando ^^
ResponderExcluirUsando. Deixou meu blog mais bonitinho. Obrigada. :3
ResponderExcluirUsei. Muito Lindo!! Thank's
ResponderExcluirObrigada pelo tutorial! ;)
ResponderExcluirCaos & Cafeína
Nuss, valeu!
ResponderExcluir