Modelos para Tooltip
Olá pessoal, enquanto estava "passeando" pelo outro blog da Jéssica (Muito Mais Que Séries) tive a ideia de fazer modelos para tolltip's e posta-los. Nunca fiz ou usei isto antes, então saíram um pouco "feinhos", mas espero que gostem...
div#qTip { padding: 7px; border-left: 3px solid #000; border-right: 3px solid #000; display: none;background: #f5f5f5; color: #696969; font-family: arial; font-size: 9px;text-align: left; position: absolute;z-index: 1000; }
div#qTip { padding: 5px; border-top: 3px solid #FFDAB9; border-bottom: 3px solid #FFDAB9; border-radius: 5px; display: none;background: #f5f5f5; color: #000; font-family: arial; font-size: 9px;text-align: left; position: absolute;z-index: 1000; }
div#qTip { padding: 5px; border: 2px solid #CD6090; border-radius: 5px; display: none;background: #f5f5f5; color: #000; font-family: arial; font-size: 9px;text-align: left; outline-style:dashed; outline-width:1PX; outline-color: #FF82AB; outline-offset: -5PX; position: absolute;z-index: 1000; }
div#qTip { padding: 5px; border-top: 1px solid #FF6A6A; border-bottom: 3px solid #CD5555; border-radius: 7px; display: none;background: #f5f5f5; color: #000; font-family: arial; font-size: 9px;text-align: left; position: absolute;z-index: 1000; }
div#qTip { padding: 5px; border: 4px double #FFD700; display: none;background: #f5f5f5; color: #000; font-family: arial; font-size: 9px;text-align: left; position: absolute;z-index: 1000; }
Para saberem como usar,clique aqui!
Todos eles foram criados por mim, caso rebloguem ou usem coloquem os devidos créditos.
Comentários
Postar um comentário
Seja educado , nossa educação depende da sua.
Criticas e sugestões são bem vindos.
Se reblogar por favor nos avise.