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

Abonneer u op onze feed om de hoogte te blijven!

Nieuw! Volg ons als u het wilt!


Tooltips - Round & Oval - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

De Round & Ovaal Tooltips zal pop-up om een ​​glimlach op je gezicht!

Ze zijn ideaal in het bijzonder voor het jonge publiek (kinderen, tieners), maar niet alleen.

Sites die ronde vormen te gebruiken zal nog koeler kijken met deze tooltips...

Kenmerken:

  • 4 in 1: Rond Bubbles, Ovaal Bubbles, Ronde Tooltips, Oval Tooltips
  • innovatief en uniek ontwerp
  • 8 maten
  • 8 posities
  • autopositioning plug-in (smarTooltip)
  • 16 kleurencombinaties stijlen
  • 6 begrensd stijlen
  • een selectie van 13 coole gratis fonts
  • CSS3-overgangen
  • Lettertype Awesome klaar
  • moderne browsers = slechts CSS3 + geen afbeeldingen + geen javascript
  • IE 9 = gedeeltelijke CSS3 + geen afbeeldingen + jQuery overgangen
  • IE 8 = beelden + jQuery
  • 4 MINDER bestanden opgenomen
  • minimum markup voor maximale CSS
  • 4 gedetailleerde documentatie html-bestanden
  • ondersteuning en updates
U kunt iconen, links, afbeeldingen zet in deze tooltips.

U kunt tooltips zetten op de beelden.

Gebruik ze om verrassende en speelse ontwerpen.

Heb je maximale controle over hoe de tekst eruit ziet en is gepositioneerd in de tooltips. De grootte van de tooltip verandert niet automatisch afhankelijk van hoeveel inhoud die u erin toe. In plaats daarvan, moet je één van de 8-en-klare grootteklassen gebruiken om de inhoud in te passen. U kunt uw eigen aangepaste grootteklassen te maken met de minder files.

Ook heb ik hen niet aanbevelen aan worden gebruikt in een CMS. Vanwege het feit dat je de inhoud in de tooltip handmatig Allign, zouden ze niet goed werken met dinamically generated content.

smarTooltip

De smarTooltip is een optionele jQuery plug-in die ik heb gemaakt. Het is opgenomen in dit item. Deze tooltips perfect werken zonder javascript, maar deze plug-in neemt hen mee naar een nieuw niveau! De smarTooltipt plug-in heeft de volgende kenmerken:
  • autopositions of slechts bepaalde tooltips naar de tijdelijke positie op het scherm (browservenster)
  • set positie beperkingen (uitzonderingen) voor elke tooltip die autopositioning gebruikt.
  • Geen behoefte aan een javascript bewerken, Alles wordt gedaan in de html-bestand. Voeg eenvoudig een css klasse en een attribuut gegevens.
Ik vind het erg leuk. Bekijken!

Browser compatibiliteit:

  • Firefox 16+
  • Chrome 23+
  • Safari 5.1+
  • Opera 12.1
  • IE 10
  • IE 9: met jQuery overgangen fallback
  • IE 8: met beelden + jQuery fallback

Copyright

PLEASE koopt een Uitgebreide licentie indien:
  • wilt u de code van dit punt op te nemen in een Themeforrest of Codecanyon punt

Credits:

  • MINDER
  • jQuery
  • Pictogrammen: Font Awesome
  • Google web fonts auteurs
  • Fotografen van overal: voor de foto's van smilling kinderen

Updates:

18 maart: 13 maart:
  • toegevoegd fallback voor IE 9: jQuery overgangen
  • toegevoegd fallback voor IE 8: images + jQuery

Commentaren en waardering worden zeer gewaardeerd!

Met dank

Tudor


Downloaden
Andere onderdelen in deze categorieAlle onderdelen van deze auteur
OpmerkingenVeelgestelde vragen en antwoorden

Eigenschappen

Gemaakt:
8 March 13

Laatste update:
18 maart 13

Compatibele Browsers:
IE8, IE9, IE10, Firefox, Safari, Opera, Chrome

Bestanden Inbegrepen:
JS JavaScript, HTML, CSS, MINDER

Software versie:
CSS3

Trefwoorden

eCommerce, eCommerce, Alle spullen, bubbels, cirkel, CSS3, terugvallen, innovatief, jQuery, kennisgeving, ovaal, ronde, slim, tips, tooltip, tooltips, overgangen