Este texto é o conteúdo da sua dica, troque pelo seu próprio texto.
Este texto é o conteúdo da sua dica, troque pelo seu próprio texto.
Usamos: largura="200px" persistente="verdadeiro"
Este texto é o conteúdo da sua dica, troque pelo seu próprio texto.
Usamos: largura="200px" cor_fundo="#089"
Este texto é o conteúdo da sua dica, troque pelo seu próprio texto.
Usamos: posicao="abaixo" variacao="blue"
Este texto é o conteúdo da sua dica, troque pelo seu próprio texto.
Usamos: posicao="topo" variacao="blue" seta="falso"

Dicas de mouse-sobre textos e imagens

Escolha entre vários tipos de dicas para mouse sobre e utilize-a facilmente em seu website! Confira abaixo como utilizá-las:


Dica básica

Este texto possui uma dica associada a ele, chamamos de ‘acionador’ da dica.
Aponte o mouse e veja seu funcionamento

Ver código

Outros exemplos básicos

Este texto possui uma dica associada.

Este texto possui uma dica associada.

Este texto possui uma dica associada.

Este texto possui uma dica associada.

Ver código

Alguns exemplos avançados

Este exemplos requerem um conhecimento de HTML básico. Se você não possui, mesmo assim poderá conseguir implementá-los se copiar os códigos e alterar cuidadosamente os parâmetros.

Download

Ver código

Download

Ver código

Download

Ver código

Download

Ver código

Dica sobre imagem

Ver código

Dica com vídeo

Ver código

Dicas como uma galeria de imagens

Ver código
As opções da dica são:
PARÂMETRO DESCRIÇÃO/th>
largura Informe a largura da sua dica, a altura se expande conforme o conteúdo
posicao Informe: “topo”, “abaixo”, ou omita para alinhar a dica em relação ao texto acionador automaticamente
variacao Use uma das nossas cores pre-difinidas
cor_fundo Escolha uma cor personalizada para o fundo da sua dica
cor_texto Escolha uma cor personalizada para o texto da sua dica
persistente Defina a dica para ser exibida ao passar o mouse sobre ela
acionador Conteúdo que acionará a exibição da dica ao receber mouse-sobre

Para saber como inserir os Shorcodes em sua página consulte este link.

 

Código desta página

    No Twitter Messages