• - ChapStique -

    - ChapStique -

  • - Crouton -

    - Crouton -

  • - Nadaddy -

    - Nadaddy -

  • - Fatty -

    - Fatty -

  • - Hollywood -

    - Hollywood -

29 de janeiro de 2013

Estilos para Tooltip


Olá Giraffas!

Hoje venho com um post para dar à vocês estilos de tooltip e claro, ensinar como coloca.
É muito fácil, mas antes de tudo, tem que clicar em continue...


Para colocar é fácil: só escolher o modelo que você quer e colar o código 
acima de ]]></b:skin>. Vamos aos modelos. Créditos no final.

 div#qTip
{font:bold 10px 'verdana';
margin:17px 0;
padding:3px 25px;
display:none;
background:#000;
text-align:left;
position:absolute;
z-index:1000;
color:#c28cf4;
box-shadow:0 1px 3px #1e1e1e;
border-radius:4px
}
 
div#qTip {
margin:8px;
padding: 5px 5px;
display: none;
color:#68BAED;
background: #FFF;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font: Tahoma;
font-size: 11px;
background:#ffff;
text-align: center;
position: absolute;
z-index: 1000;
box-shadow: 1px 0 1px #7AC4F5;
 
 div#qTip {
padding: 4px;
border-right-width: 1px;
border-bottom-width: 1px;
display: none;
background: #ffffff; ---/* cor do fundo */
color: #a5d1f2; ---/* cor do texto */
font: Verdana;
font-size: 10px; /* tamanho da fonte */
text-align: left;
position: absolute;
z-index: 1000;
-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}  
Era só isso mesmo, agora os crédito: BMP e ECSS. Beijitos!





19 comentários:

  1. Bom o tutorial, adoro quando uma pessoa não fica por um estilo só, acho que deixa a postagem mais completa. Vou tentar usar no próximo layout. Falando nisso, adoro o seu, sempre os baseou em rosa e azul e é uma das minhas combinações favoritas :)

    Kissus da Any
    http://sou-uma-adolescente.blogspot.pt/

    ResponderExcluir
  2. Oown amei! Já vou usar *u*
    Kisses, Laura C. from ~> Adolescente Virtual

    ResponderExcluir
  3. *O* adorei os tooltip, eu estava MUITO procurando por um, e o azul é super lindo e para mim é perfeito para o TMR.
    Enfim, parabéns eu amei.

    Beijos.
    The Moon Reverse

    ResponderExcluir
  4. Ótimo tutorial. No meu próximo layout irei usar! :)

    http://sem-normalidade.blogspot.com.br/

    ResponderExcluir
  5. Oii Linda você recebeu uma tag lá no meu blog:
    http://docemundokawaii.blogspot.com.br/2013/01/tag-11-coisas-sobre-mim.html

    ResponderExcluir
  6. pra vocês
    http://imradiatinglove.blogspot.com.br/2013/01/selinho-de-indicacao.html espero que gostem ^^

    ResponderExcluir
  7. Adorei os estilos, fora que são super fáceis de usar! ^^

    Beijoos, Paula! ♥
    ~Sweet Makeup~
    (clica no perfil pra visitar meu blog)

    ResponderExcluir
  8. Já segui tudo quanto é tutorial e vou ver se esse funciona. Caso, o seu não funcionar vou querer meu dinheiro de volta -q
    os estilos são perfeitos, todos diwinos. bezzo, sarah
    http://svt-pistache.blogspot.com.br/

    ResponderExcluir
  9. Super legais esses estilos!

    Tá rolando concurso la no blog! Participa?

    rascunhosdecaneta.blogspot.com

    ResponderExcluir
  10. AWNN eu amei e vou querer usar TODOS *-*

    jovenclube(.blogspot.com)

    ResponderExcluir
  11. Amei amei demais, e concerteza vou usar ainda eu ñ sabia como usá-las agora que sei vou usar e abusar o3o
    #May-Sun

    layrakauana.blogspot.com

    ResponderExcluir
  12. No meu blog não funciona, porque?

    ResponderExcluir