20 de fevereiro de 2014

Sweets Cherry+Personalizar o Tooltip do Blog


Oiiiii!
Primeira postagem! Bom, aki no blog vamos falar de tudo um pouquinho, de moda, tutoriais, etc ( tah tudo escrito no gadeget aki do lado )
Estah é a primeira postagem do blog, então vim dar boas-vidas, e ja trouxe um tutorial pra vcs, pode ser meio cedo né, mas tem que se dedicar com corpo e alma ao blog, então ja em bom ir começando desde cedo!
O Blog tem 2 administradoras, ainda nao estamos abrindo vaga pra postadoras, ainda nao decidimos se vamos por mais postadoras ou nao. Eu e minha best somos postadoras!

BEM-VINDOS AO BLOG, AGORA ELE ESTA OFICIALMENTE ABERTO PARA A LEITURA E DIVERSÃO DE TODOS!
FIQUEM A VONTADE, BOA LEITURA!

O tutorial é sobre como personalizar o tooltipdo blog, pra quem nao sabe, tooltip é akele pequena texto que aparece quando vc poe a seta em cma de alguma imagens ( no caso aki do blog, nos afiliados tambem )
Fica bem legal, e é uma coisa a mais pra deixar seu blog diwo todo dia!
Vamos começar o tutorial.
Créditos ao blog: (www)

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 www, pronto seu tooltip está personalizado

Nenhum comentário:

Postar um comentário