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

Mag-subscribe sa aming mga feed upang manatili hanggang sa petsa!

Bago! Sundin amin sa gusto mo!


Tooltips - Round & Oval - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Ang Round & Oval tooltip ay pop-up na ilagay ang isang ngiti sa iyong mukha!

Ang mga ito ay mainam lalo na para sa mga batang mambabasa (mga bata, kabataan), ngunit hindi lamang.

Ang mga site na gumamit ng pag-ikot hugis ang magiging hitsura kahit na mas cool na may mga tooltip...

Mga Tampok:

  • 4 in 1: Round Bubbles, bilog Bubbles, Round tooltip, bilog tooltip
  • makabagong at natatanging disenyo
  • 8 sukat
  • 8 mga posisyon
  • autopositioning plug-in (smarTooltip)
  • 16 mga kumbinasyon ng kulay ng estilo
  • 6 bordered estilo
  • isang seleksyon ng 13 cool libreng mga font
  • CSS3 transition
  • Font Kahanga handa
  • modernong browser = CSS3 lamang + walang mga imahe + walang javascript
  • IE 9 = partial CSS3 + walang mga imahe + jQuery transition
  • IE 8 = imahe + jQuery
  • Kasama ang 4 na mas mababa file
  • minimum markup para sa maximum na CSS
  • 4 detalyadong html dokumentasyon ng mga file
  • suporta at mga update
Maaari mong ilagay ang mga icon, mga link, mga larawan sa loob ng mga tooltip.

Maaari mong ilagay ang mga tooltip sa mga imahe.

Gamitin ang mga ito upang lumikha ng mga kamangha-mangha at mapaglarong disenyo.

Mayroon kang sa maximum na kontrol sa kung paano ang hitsura ng teksto at nakaposisyon sa loob ng mga tooltip. Ang laki tooltip ni hindi awtomatikong nagbago depende sa kung magkano ang nilalaman idagdag ang loob nito. Sa halip, kailangan mong gamitin ang isa sa 8 pre-ginawa mga klase sukat upang magkasya ang iyong nilalaman sa loob. Maaari kang gumawa ng iyong sariling mga klase custom size na may mas kaunting mga file.

Gayundin, ako ay HINDI inirerekumenda ang mga ito upang gamitin sa isang CMS. Dahil sa ang katunayan na ang kailangan mong manwal na allign ang nilalaman sa loob ng mga tooltip, ayaw nilang gumawa ng mabuti sa dinamically binuong nilalaman.

smarTooltip

Ang smarTooltip ay isang opsyonal na jQuery plug-in na ginawa ko. Ito ay kasama sa item na ito. Ang mga tooltip trabaho ganap na walang javascript, ngunit ang plug-in ay tumatagal ng mga ito sa isang bagong antas! Ang smarTooltipt plug-in ay may mga sumusunod na katangian:
  • autopositions lahat o lamang ang tiyak na mga tooltip ayon sa kanilang pansamantalang posisyon sa screen (browser window)
  • itakda ang mga paghihigpit na posisyon (exceptions) para sa bawat tooltip na gumagamit autopositioning.
  • Hindi na kailangang i-edit ang anumang javascript, lahat ay tapos na sa loob ng html file. Idagdag lamang ng isang css klase at isang attribute data.
Talagang gusto ko ito. Tingnan ito!

Compatibility ng browser:

  • Firefox 16+
  • Chrome 23+
  • Safari 5.1 +
  • Opera 12.1
  • IE 10
  • IE 9: may fallback jQuery transition
  • IE 8: na may mga imahe + jQuery fallback

Copyright

MANGYARING bumili ng pinalawig na LICENSE kung:
  • na nais mong isama ang code mula sa item na ito sa isang Themeforrest o Codecanyon item

Mga Kredito:

  • Mas mababa
  • jQuery
  • Icon: Font Kahanga-hanga
  • Mga may-akda web font Google
  • Potograpo mula sa lahat ng dako: para sa mga larawan ng smilling kids

Update:

Marso 18: Marso 13:
  • Idinagdag suporta para sa IE 9: jQuery transition
  • Idinagdag suporta para sa IE 8: mga imahe + jQuery

Mga komento at rating ay mas pinapahalagahan!

Salamat

Tudor


I-download
Iba pang mga bahagi sa kategoryang itoAng lahat ng mga bahagi ng may-akdang ito
Mga komentoMga madalas itanong at sagot

Properties

Nilikha:
8 Marso 13

Huling Update:
18 Marso 13

Katugmang Browser:
IE8, IE9, IE10, Firefox, Safari, Opera, Chrome

Kasamang File:
JavaScript JS, HTML, CSS, mas kaunti

Bersyon ng Software:
CSS3

Keyword

eCommerce, eCommerce, Lahat ng bagay, mga bula, bilog, CSS3, umurong, makabagong, jquery, abiso, hugis-itlog, pag-ikot, matalino, tips, tooltip, mga tooltip, mga transition