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

Prenumerera på vårt foder för att hålla dig uppdaterad!

Nytt! Följ oss som du vill ha det!


Tooltips - Round & Oval - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Rundan & Oval Verktygstips kommer att dyka upp för att sätta ett leende på ditt ansikte!

De är idealiska speciellt för den unga publiken (barn, tonåringar), men inte bara.

Webbplatser som använder runda former kommer att se ännu kallare med dessa verktygstips...

Funktioner:

  • 4 i 1: Round Bubbles, Oval Bubbles, runda verktygstips, Oval verktygstips
  • innovativ och unik design
  • 8 storlekar
  • 8 positioner
  • autopositioning plug-in (smarTooltip)
  • 16 färgkombinationer stilar
  • 6 gränsar stilar
  • ett urval av 13 coola gratis typsnitt
  • CSS3 övergångar
  • Font Toppen redo
  • moderna webbläsare = bara CSS3 + inga bilder + ingen javascript
  • IE 9 = partiell CSS3 + inga bilder + jQuery övergångar
  • IE 8 = bilder + jQuery
  • 4 MINDRE filer ingår
  • minimi markup för maximal CSS
  • 4 detaljerade html dokumentationsfiler
  • support och uppdateringar
Du kan sätta ikoner, länkar, bilder inuti dessa verktygstips.

Du kan sätta verktygstips på bilderna.

Använd dem för att skapa överraskande och lekfulla mönster.

Du har maximal kontroll över hur texten ser ut och är placerad inuti verktygstips. Verktygstipset storlek inte ändras automatiskt beroende på hur mycket innehåll du lägger i den. Istället måste du använda en av de 8 färdiga storleksklasser för att passa innehåll inom. Du kan göra dina egna storleksklasser med mindre filer.

Dessutom JAG REKOMMENDERAR INTE dem som ska användas i ett CMS. På grund av det faktum att du måste manuellt allign innehållet inuti verktygstips, skulle de inte fungerar bra med dinamically genererat innehåll.

smarTooltip

Den smarTooltip är en valfri jQuery plug-in som jag har gjort. Det ingår i denna post. Dessa verktygstips fungerar perfekt utan javascript, men denna plug-in tar dem till en ny nivå! Den smarTooltipt plug-in har följande funktioner:
  • autopositions alla eller bara vissa verktygstips i enlighet med deras tillfälliga position på skärmen (webbläsarfönstret)
  • fastställs begränsningar positions (undantag) för varje verktygstips som använder autopositioning.
  • Inget behov av att ändra javascript, allt görs inne i html-filen. Lägg bara till en css klass och en dataattribut.
Jag gillar det verkligen. Check it out!

Webbläsare:

  • Firefox 16+
  • Krom 23+
  • Safari 5.1+
  • Opera 12.1
  • IE 10
  • IE 9: med jQuery övergångar ersättande
  • IE 8: med bilder + jQuery reserv

Upphovsrätt

VÄNLIGEN köpa en FÖRLÄNGD LICENS om:
  • du vill inkludera kod från denna punkt till en Themeforrest eller Codecanyon objekt

Poäng:

  • MINDRE
  • jQuery
  • Ikoner: Font Grymt
  • Googles webbs teckensnitt författare
  • Fotografer från överallt: för bilder av smilling barn

Uppdateringar:

18 mars:
  • Lagt till smarTooltip jQuery plug-in (se här)
13 mars:
  • sätts reserv för IE 9: jQuery övergångar
  • sätts reserv för IE 8: bilder + jQuery

Kommentarer och betyg är mycket uppskattat!

Tack

Tudor


Hämta
Andra komponenter i denna kategoriAlla komponenter i denna författare
KommentarerVanliga frågor och svar

Egenskaper

Skapad:
8 mar 13

Senaste uppdateringen:
18 mar 13

Kompatibla webbläsare:
IE8, IE9, IE10, Firefox, Safari, Opera, Chrome

Filer Ingår:
JavaScript JS, HTML, CSS, MINDRE

Programvaruversion:
CSS3

Nyckelord

e-handel, e-handel, Alla artiklar, bubblor, cirkel, CSS3, retirera, innovativ, jQuery, underrä, ttelse, oval, runda, smart, tips, verktygstips, verktygstips, ö, vergå, ngar