Olá! Tudo bem? Uma das "prendas" do aniversário do blog vai ser esta maratona de tutoriais. Ainda não sei quantos posts vou fazer, mas deve andar à volta dos 4/5. Este é o primeiro, que é sobre como personalizar o tooltip.
Para quem não sabe, o tooltip é aquela caixinha onde diz "Vaga".
Para personalizar basta ir ao Html >> Ctrl+F >> Pesquisa por </head>
Acima dessa tag mete:
<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'/>
Agora procura por: ]]></b:skin>
E acima da tag mete:
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;
}
E agora é só editares como quiseres! Muito fácil :)
Espero que tenham gostado, beijinhos!
Amei o tuto, o tooltip ficou lindo!
ResponderEliminarchuvasdioutono.blogspot.com
Adorei a ilustração ehueheuhe
ResponderEliminaro Tutorial também :3
http://euamotutoriais.blogspot.com.br/
O tooltip fica super fofo nos blogs de htlm e css porém também fica bonito nos blogues normais :)
ResponderEliminarla camomille