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å vores feed for at holde dig ajour !

Nyt! Følg os som du ønsker det!


Tooltips - Round & Oval - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Den Runde & Ovale Værktøjstip vil poppe op for at sætte et smil på dit ansigt!

De er ideelle især for det unge publikum (børn, teenagere), men ikke kun.

Websteder, der bruger runde former vil se endnu sejere med disse værktøjsvink...

Funktioner:

  • 4 i 1: Rund bobler, ovale Bobler, Runde Tooltips, Oval Værktøjstip
  • innovativt og unikt design
  • 8 størrelser
  • 8 positioner
  • autopositioning plug-in (smarTooltip)
  • 16 farvekombinationer stilarter
  • 6 omkranset stilarter
  • et udvalg af 13 seje Skrifttyper
  • CSS3 overgange
  • Font Awesome klar
  • moderne browsere = bare CSS3 + ingen billeder + ingen javascript
  • IE 9 = delvis CSS3 + ingen billeder + jQuery overgange
  • IE 8 = billeder + jQuery
  • 4 Less filer inkluderet
  • minimum markup for maksimal CSS
  • 4 detaljerede html dokumentationsfiler
  • support og opdateringer
Du kan lægge ikoner, links, billeder inde i disse værktøjstip.

Du kan sætte værktøjsvink på billeder.

Brug dem til at skabe overraskende og legende design.

Du har maksimal kontrol over, hvordan teksten ser og er placeret inde i værktøjsvink. Den tooltip størrelse ændres ikke automatisk afhængigt af hvor meget indhold du tilføjer inde i det. I stedet skal du bruge en af ​​de 8 foruddefineret størrelseskategorier til at passe dit indhold inde. Du kan lave dine egne brugerdefinerede størrelsesklasser med de mindre filer.

Også, vil jeg ikke anbefale dem til at blive brugt i et CMS. På grund af det faktum, at du er nødt til manuelt at allign indholdet inde i tooltip, ville de ikke fungerer godt med dinamically genereret indhold.

smarTooltip

Den smarTooltip er en valgfri jQuery plug-in, som jeg har lavet. Det er inkluderet i denne post. Disse værktøjsvink fungerer perfekt uden javascript, men denne plug-in tager dem til et nyt niveau! Den smarTooltipt plug-in har følgende funktioner:
  • autopositions alle eller kun bestemte tooltips i henhold til deres midlertidige placering på skærmen (browservinduet)
  • indstillede position restriktioner (undtagelser) for hver tooltip, der bruger autopositioning.
  • Ingen grund til at rette i javascript, alt er gjort inde i html-fil. Du skal blot tilføje en css klasse og en data-attribut.
Jeg kan virkelig godt lide det. Tjek det ud!

Browser kompatibilitet:

  • Firefox 16 +
  • Chrome 23+
  • Safari 5.1+
  • Opera 12.1
  • IE 10
  • IE 9: med jQuery overgange fallback
  • IE 8: med billeder + jQuery fallback

Ophavsret

Venligst købe en udvidet licens, hvis:
  • du ønsker at inkludere kode fra dette punkt til et Themeforrest eller Codecanyon emne

Credits:

  • MINDRE
  • jQuery
  • Ikoner: Font Awesome
  • Google web fonts forfattere
  • Fotografer fra overalt: for fotos af smilling børn

Opdateringer:

18 mar:
  • tilføjet den smarTooltip jQuery plug-in (se her)
Marts 13:
  • tilføjede fallback til IE 9: jQuery overgange
  • tilføjede fallback til IE 8: billeder + jQuery

Kommentarer og vurdering er meget værdsat!

Tak

Tudor


Hent
Andre komponenter i denne kategoriAlle komponenter i denne forfatter
KommentarerOfte stillede spørgsmål og svar

Egenskaber

Oprettet:
8 marts 13

Sidste ændring:
18 marts 13

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

Filer Inkluderet:
JavaScript JS, HTML, CSS, MINDRE

Software Version:
CSS3

Søgeord

eCommerce, eCommerce, Alle emner, bobler, cirkel, CSS3, Falde tilbage, innovative, jquery, notifikation, oval, rund, smart, tips, tooltip, væ, rktø, jsvink, overgange