WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
CSS / Miscellaneous

Tooltips - Round & Oval

— Add-On para WorldWideScripts.net

@pt1wwsAssine o nosso feed para se manter atualizado!

Novo! Siga-nos o que você quiser!


Tooltips - Round & Oval - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

O Round & Oval dicas de ferramentas pop-up para colocar um sorriso em seu rosto!

São ideais especialmente para o público jovem (crianças, adolescentes), mas não só.

Sites que usam formas redondas vai olhar ainda mais frio com essas dicas...

Características:

  • 4 em 1: Round Bubbles, Oval Bubbles, redondas dicas de ferramentas, dicas de ferramentas Oval
  • design inovador e original
  • 8 tamanhos
  • 8 posições
  • autopositioning plug-in (smarTooltip)
  • 16 combinações de cores estilos
  • 6 estilos beiravam
  • uma selecção de 13 fontes livres frescos
  • Transições CSS3
  • Font impressionante pronto
  • navegadores modernos apenas CSS3 = + + não há imagens javascript
  • IE 9 = CSS3 parcial + há imagens + transições jQuery
  • IE 8 = imagens + jQuery
  • 4 arquivos MENOS incluído
  • margem de benefício mínima para a máxima CSS
  • 4 arquivos detalhados documentação HTML
  • suporte e atualizações
Você pode colocar ícones, links, imagens dentro destas dicas.

Você pode colocar as dicas em imagens.

Usá-los para criar projetos surpreendentes e brincalhão.

Você tem o controle máximo de como o texto parece e está posicionado dentro das dicas. O tamanho da dica de ferramenta não muda automaticamente dependendo da quantidade de conteúdo que você adicione dentro dele. Em vez disso, você tem que usar uma das classes de tamanho 8 pré-fabricados para caber seu conteúdo dentro. Você pode fazer suas próprias classes de tamanho personalizado com os arquivos menos.

Além disso, eu não recomendo-los para ser usado em um CMS. Devido ao fato de que você tem que allign manualmente o conteúdo dentro da dica de ferramenta, eles não funcionam bem com conteúdo gerado dinamicamente.

smarTooltip

O smarTooltip é um opcional jQuery plug-in que eu tenho feito. Ele é incluído neste ponto. Estas dicas funcionam perfeitamente sem javascript, mas este plug-in leva-los a um novo nível! O smarTooltipt plug-in tem as seguintes características:
  • autopositions todos ou apenas as dicas de ferramentas específicas de acordo com a sua posição temporária no (janela do navegador) na tela
  • definir restrições de posição (excepções) para cada dica que usa autopositioning.
  • Não há necessidade de editar qualquer javascript, Tudo é feito dentro do arquivo html. Basta adicionar uma classe css e um atributo de dados.
Eu realmente gosto dele. Confira!

Compatibilidade do navegador:

  • Firefox 16+
  • Chrome 23+
  • Safari 5.1+
  • Opera 12.1
  • IE 10
  • IE 9: com transições jQuery fallback
  • IE 8: com imagens + fallback jQuery

Direitos autorais

Por favor, compre uma licença alargada se:
  • que pretende incluir código deste item para um item de Themeforrest ou Codecanyon

Créditos:

  • MENOS
  • jQuery
  • Ícones: Font impressionante
  • Fontes do Google Web autores
  • Fotógrafos de todos os lugares: para as fotografias de crianças sorridentes

Atualizações:

18 de março:
  • acrescentou o plug-in smarTooltip jQuery (ver aqui)
13 mar:
  • fallback adicional para IE 9: transições jQuery
  • fallback adicional para IE 8: imagens + jQuery

Comentários e classificação são muito apreciados!

obrigado

tudor


Download
Outros componentes nesta categoriaTodos os componentes deste autor
ComentáriosPerguntas mais frequentes perguntas e respostas

Propriedades

Criado:
8 março 13

Última atualização:
18 de março 13

Navegadores compatíveis:
IE8, IE9, IE10, Firefox, Safari, Opera, Chrome

Arquivos incluídos:
JS JavaScript, HTML, CSS, MENOS

Versão do software:
CSS3

Palavras-chave

eCommerce, eCommerce, Todos os itens, bolhas, cí, rculo, css3, cair pra trá, s, inovador, jquery, notificaç, ã, o, oval, volta, inteligente, dicas, tooltip, dicas de ferramentas, transiç, õ, es