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

@id1wwsBerlangganan feed kami untuk tetap up to date!

Baru ! Ikuti kami seperti yang Anda inginkan!


Tooltips - Round & Oval - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Round & Oval Tooltips akan pop-up untuk meletakkan senyum di wajah Anda!

Mereka adalah ideal terutama untuk penonton muda (anak-anak, remaja), tapi tidak hanya.

Situs yang menggunakan bentuk bulat akan terlihat lebih dingin dengan tooltips ini...

Fitur:

  • 4 in 1: Round Bubbles, Oval Bubbles, Putaran Tooltips, Oval Tooltips
  • desain inovatif dan unik
  • 8 ukuran
  • 8 posisi
  • autopositioning plug-in (smarTooltip)
  • 16 kombinasi warna gaya
  • 6 gaya berbatasan
  • pilihan dari 13 font gratis keren
  • Transisi CSS3
  • Font Keren siap
  • browser modern = hanya CSS3 + ada gambar + ada javascript
  • IE 9 = CSS3 parsial + ada gambar + jQuery transisi
  • IE 8 = gambar + jQuery
  • 4 file KURANG termasuk
  • markup minimum untuk CSS maksimum
  • 4 rinci file dokumentasi html
  • dukungan dan update
Anda dapat menempatkan ikon, link, gambar di dalam tooltips ini.

Anda dapat menempatkan tooltips gambar.

Menggunakannya untuk membuat desain yang mengejutkan dan lucu.

Anda memiliki kontrol maksimum bagaimana teks terlihat dan diposisikan dalam tooltips. Ukuran tooltip tidak berubah secara otomatis, tergantung pada berapa banyak konten yang Anda tambahkan di dalamnya. Sebaliknya, Anda harus menggunakan salah satu dari 8 pra-dibuat kelas ukuran sesuai konten Anda di dalam. Anda dapat membuat kelas ukuran kustom Anda sendiri dengan file KURANG.

Juga, saya tidak MENYARANKAN mereka untuk digunakan dalam CMS. Karena kenyataan bahwa Anda harus secara manual allign isi di dalam tooltip, mereka tidak akan bekerja dengan baik dengan konten yang dihasilkan secara dinamis.

smarTooltip

The smarTooltip adalah jQuery opsional plug-in yang telah saya buat. Hal ini termasuk dalam item ini. Tooltips ini bekerja dengan sempurna tanpa javascript, tapi ini plug-in membawa mereka ke tingkat yang baru! The smarTooltipt plug-in memiliki beberapa fitur berikut:
  • autopositions semua atau hanya tooltips tertentu sesuai dengan posisi sementara mereka di layar (window browser)
  • mengatur pembatasan posisi (pengecualian) untuk setiap tooltip yang menggunakan autopositioning.
  • Tidak perlu untuk mengedit javascript apapun, Semuanya dilakukan di dalam file html. Cukup tambahkan kelas css dan atribut data.
Aku benar-benar menyukainya. Coba lihat!

Kompatibilitas browser:

  • Firefox 16+
  • Chrome 23 +
  • Safari 5.1+
  • Opera 12.1
  • IE 10
  • IE 9: dengan jQuery transisi mundur
  • IE 8: dengan gambar + jQuery fallback

Hak cipta

HARAP membeli LISENSI EXTENDED jika:
  • Anda ingin menyertakan kode dari item ini ke item Themeforrest atau Codecanyon

Kredit:

  • KURANG
  • jQuery
  • Ikon: Font Keren
  • Google web font penulis
  • Fotografer dari mana-mana: untuk foto-foto anak-anak smilling

Update:

18 Maret: 13 Maret:
  • fallback ditambahkan untuk IE 9: transisi jQuery
  • fallback ditambahkan untuk IE 8: gambar + jQuery

Komentar dan Peringkat yang lebih dihargai!

Terima kasih

Tudor


Ambil
Komponen lain dalam kategori iniSemua komponen penulis ini
KomentarPertanyaan yang sering diajukan dan jawaban

Properties

Dibuat:
8 Maret 13

Pembaharuan terakhir:
18 Maret 13

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

Termasuk file:
JavaScript JS, HTML, CSS, KURANG

Versi perangkat lunak:
CSS3

Kata kunci

eCommerce, eCommerce, Semua barang, gelembung, lingkaran, CSS3, kembali, inovatif, jquery, pemberitahuan, lonjong, bulat, cerdas, Tips, tooltip, tooltips, transisi