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 per WorldWideScripts.net

Rep les nostres RSS per estar al dia!

Nou! Segueix-nos com vulguis!


Tooltips - Round & Oval - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

La Ronda i Oval Tooltips pop-up per posar un somriure a la cara!

Són ideals especialment per al públic infantil (nens, adolescents), però no només.

Els llocs que utilitzen formes rodones es llueix més genial amb aquests tooltips...

Característiques:

  • 4 en 1: Rodó Bombolles, bombolles Oval, Tooltips rodona, ovalada Tooltips
  • disseny innovador i únic
  • 8 mides
  • 8 posicions
  • autoposicionament plug-in (smarTooltip)
  • 16 combinacions de color estils
  • 6 estils vorejades
  • una selecció de 13 fonts gratuïtes fresc
  • Transicions CSS3
  • Font impressionant llista
  • navegadors moderns = només CSS3 + hi ha imatges + sense javascript
  • IE 9 = CSS3 parcial + no hi ha imatges + transicions jQuery
  • IE 8 = imatges + jQuery
  • 4 arxius MENYS inclòs
  • markup mínim per a una màxima CSS
  • 4 arxius detallats de documentació HTML
  • suport i actualitzacions
Vostè pot posar icones, enllaços, imatges dins d'aquests suggeriments.

Vostè pot posar la informació sobre eines en les imatges.

Fes-los servir per crear dissenys sorprenents i juganers.

Vostè té el màxim control de com el text es veu i es col·loca dins de la informació sobre eines. La mida de la informació sobre eines no canvia automàticament depenent de la quantitat de contingut d'afegir al seu interior. En el seu lloc, vostè ha d'utilitzar una de les 8 classes de mida pre-fet per adaptar al seu contingut dins. Vostè pot fer les seves pròpies classes de mida personalitzada amb els arxius MENYS.

A més, jo no els recomano per ser utilitzat en un CMS. A causa del fet que vostè ha de allign manualment el contingut dins de la descripció, que no anava a funcionar bé amb el contingut dinàmicament generat.

smarTooltip

El smarTooltip és un jQuery plug-in opcional que he fet. S'inclou en aquest concepte. Aquests tooltips funcionen perfectament sense javascript, però aquest plug-in els porta a un nou nivell! El smarTooltipt plug-in té les següents característiques:
  • autopositions tots o només sobre eines específiques d'acord a la seva posició temporal al (finestra del navegador) Pantalla
  • restriccions de posició (excepcions) per a cada informació sobre eines que utilitza autoposicionament.
  • No hi ha necessitat de corregir qualsevol Javascript Tot es fa dins de l'arxiu html. Només cal afegir una classe css i un atribut de dades.
Realment m'agrada. Comprova-ho!

Compatibilitat del navegador:

  • Firefox 16+
  • Crom 23+
  • Safari 5.1+
  • Opera 12.1
  • IE 10
  • IE 9: amb transicions jQuery fallback
  • IE 8: amb imatges + jQuery replegament

Drets d'autor

PER FAVOR comprar una llicència ampliada si:
  • voleu incloure codi d'aquest article en un element Themeforrest o Codecanyon

Crèdits:

  • MENYS
  • jQuery
  • Icones: Font impressionant
  • Google web fonts autors
  • Els fotògrafs de tot arreu: de les fotos de nens smilling

Actualitzacions:

18 de març: 13 de març:
  • replegament afegit per IE 9: transicions jQuery
  • replegament afegit per IE 8: imatges + jQuery

Comentaris i qualificació són molt apreciats!

Gràcies

Tudor


Descarregar
Altres components d'aquesta categoriaTots els components d'aquest autor
Comentaris dels clientsPreguntes freqüents i respostes

Propietats

Creat:
Març 8 13

Darrera actualització:
Març 18 13

Els navegadors compatibles:
IE8, IE9, IE10, Firefox, Safari, Opera, Chrome

Arxius inclosos:
JavaScript JS, HTML, CSS, MENYS

Versió del programari:
CSS3

Paraules clau

eCommerce, eCommerce, Tots els Articles, bombolles, cercle, CSS3, retrocedir, innovador, jQuery, notificació, oval, ronda, intel·, ligent, consells, informació, sobre eines, informació, sobre eines, transicions