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

Abonner på vårt feed for å holde deg oppdatert!

Nyhet! Følg oss som du vil ha det!


Tooltips - Round & Oval - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

The Round & Oval Verktøytips vil pop-up for å sette et smil på ansiktet ditt!

De er ideelt spesielt for de unge publikum (barn, tenåringer), men ikke bare.

Nettsteder som bruker runde former vil se enda kulere med disse verktøytips...

spesifikasjoner:

  • 4-i-1: Round Bubbles, Oval Bubbles, Runde verktøytips, Oval Verktøytips
  • innovativ og unik design
  • 8 størrelser
  • 8 stillinger
  • autopositioning plug-in (smarTooltip)
  • 16 fargekombinasjoner stiler
  • 6 grenser stiler
  • et utvalg av 13 kule gratis fonter
  • CSS3-overganger
  • Font Awesome klar
  • moderne nettlesere = bare CSS3 + ingen bilder + no javascript
  • IE 9 = delvis CSS3 + ingen bilder + jQuery overganger
  • IE 8 = bilder + jQuery
  • 4 mindre filer inkludert
  • minimum markup for maksimal CSS
  • 4 detalj html dokumentasjonsfiler
  • støtte og oppdateringer
Du kan sette ikoner, linker, bilder inni disse verktøytips.

Du kan sette verktøytips på bilder.

Bruk dem til å skape overraskende og lekne design.

Du har full kontroll over hvordan teksten ser ut og er plassert inne i verktøytips. Tipset størrelse endres ikke automatisk avhengig av hvor mye innhold du legge inni den. I stedet må du bruke en av de 8 pre-laget størrelsesklasser for å passe innholdet innsiden. Du kan lage dine egne størrelsesklasser med de mindre filer.

Også, jeg anbefaler dem ikke skal brukes i en CMS. På grunn av det faktum at du må allign innholdet inne i tooltip manuelt, de ville ikke fungere godt med dinamically generert innhold.

smarTooltip

Den smarTooltip er en valgfri jQuery plug-in som jeg har gjort. Den er inkludert i dette elementet. Disse verktøytips fungere perfekt uten javascript, men denne plug-in tar dem til et nytt nivå! Den smarTooltipt plug-in har følgende funksjoner:
  • autopositions alle eller bare bestemte verktøytips i henhold til deres midlertidige posisjon på skjermen (nettleservinduet)
  • angitt plasseringsbegrensninger (unntak) for hver tooltip som bruker autopositioning.
  • Ingen grunn til å endre ethvert javascript, alt er gjort inne i html-fil. Bare legg en CSS-klasse og en data attributt.
Jeg liker det. Sjekk det ut!

Nettleser kompatibilitet:

  • Firefox 16+
  • Chrome 23 +
  • Safari 5.1 +
  • Opera 12.1
  • IE 10
  • IE 9: med jQuery overganger fallback
  • IE 8: med bilder + jQuery reserve

opphavsrett

PLEASE kjøpe en utvidet lisens dersom:
  • du ønsker å inkludere kode fra dette elementet i en Themeforrest eller Codecanyon element

Studiepoeng:

  • MINDRE
  • jQuery
  • Ikoner: Font Awesome
  • Googles web-fonter forfattere
  • Fotografer fra overalt: for bilder av smilling barna

Oppdateringer:

18 mars:
  • lagt den smarTooltip jQuery plugin-modulen (se her)
13. mars:
  • lagt fallback for IE 9: jQuery overganger
  • lagt fallback for IE 8: bilder + jQuery

Kommentarer og rangering er mye verdsatt!

Takk

Tudor


Laste ned
Andre komponenter i denne kategorienAlle komponenter av denne forfatteren
KommentarerOfte stilte spørsmål og svar

Egenskaper

Laget:
8 mars 13

Siste oppdatering:
18 mars 13

Kompatible nettlesere:
IE8, IE9, IE10, Firefox, Safari, Opera, Chrome

Filer Inkludert:
Javascript JS, HTML, CSS, LESS

Programvareversjon:
CSS3

Søkeord

eCommerce, eCommerce, Alle artikler, bobler, sirkel, CSS3, falle tilbake, innovative, jquery, melding, oval, rund, smart, tips, verktø, ytips, verktø, ytips, overganger