ایجاد: ۸:۰۸ ۱۳۹۱/۶/۶
ویرایش: ۱۵:۰۸ ۱۳۹۴/۲/۱۹

یادداشت‌ها

»

تولتیپ های خوشتیپ!

تولتیپ (که نمی‌دانم برایش معادل فارسی ساخته شده یا نه) به کادر توضیحی کوچک کنار موس اطلاق می‌شود. تولتیپ پیشفرض براوزرها که شامل ويژگی title یک تگ است، تنها می‌تواند یک متن ساده باشد اما با کمک جاوا اسکریپت و جی کوئری می‌توان تولتیپ‌هایی ایجاد کرد که کمی منعطف‌تر باشند؛ هم ظاهرشان شکیل‌تر باشد و هم محتوای غنی (متن ساختاریافته و تصویر و ...) را به عنوان تولتیپ نمایش دهد. برخی از تولتیپ‌ها:

  • Tipper ، Tipso ، PowerTip
    چند تولتیپ خیلی ساده و سبک.
  • qTip
    یک تولتیپ پیشرفته و متداول
  • ster
    یک تولتیپ با آبشن‌های خوبی مثل مکان، تاخیر، دنبال‌کردن موس و ...
  • css arrow please
    این یک تولتیپ نیست بلکه طرز ساخت باکس فلش‌دار به وسیله css خالی است که معمولا به عنوان تولتیپ استفاده می‌شود.
  • open tip
    یک تولتیپ جدید و عالی و فوق العاده منعطف
  • Toolbar.Js
    یک تولتیپ مناسب برای منوهای مدیریتی (که با کلیک بر روی المان مقصد، چند آیکون به صورت تولتیپ ظاهر می‌گردد)
  • HINT.css
    یک تولتیپ زیبا و منعطف با css محض و بدون هیچ‌گونه js
  • Tooltipster
    یک تولتیپ جدید و سبک و مدرن با قابلیت و انعطاف پذیری بالا
  • dark tooltip
    یک tooltip ساده و سبک (2 کیلوبایت) اما پرقابلیت با قابلیت نمایش confirm
  • PopConfirm
    این تولتیپ، یک تولتیپ کامل نیست بلکه فقط برای ساخت تولتیپ‌هایی جهت confirm (گرفتن تایید بله/خیر) از کاربر است که از بوت استرپ 3 برای تم‌ش استفاده کرده است. (لذا در صورتی که از بوت استرپ 3 در پروژه خود استفاده نمی‌کنید، شاید ارزش 30 کیلوبایت حجم اضافی آن را نداشته باشد! هرچند بوت استرپ 3 نسبت به نسخ قبلی‌اش، سبک شده و همانند جی‌کوئری فراگیر و پرطرفدار است)
  • jquery.balloon.js
    یک تولتیپ منعطف و پرقابلیت. (پیش‌نمایش)
  • Responsive and Mobile-Friendly Tooltip
    یکی از مشکلات برخی تولتیپ‌ها ناسازگاری با موبایل است اما تولتیپ سبک و ساده فوق، هم با موبایل سازگار است و هم responsive است یعنی خود را حسب عرض صفحه طوری تنظیم می‌کند که از صفحه بیرون نزند. (پیش‌نمایش)
  • Cool Social Buttons
    یکی از کاربردهای تولتیپ‌ها، نمایش آیکون‌های مربوط به اشتراک‌گذاری مطلب در شبکه‌های اجتماعی است که کد فوق یک نمونه خوب و شیک برای آن است.
  • TinyTip
    یک تولتیپ جدیدو ساده و سبک که نیازی به فایل css هم ندارد.

یادداشت‌های مرتبط
  1. راهنمای پویای بخش های مختلف یک صفحه/سایت

مدیریت

نام وسیله

اعتبار ورود

نام کاربری

رمز عبور

رمز یکبارمصرف

... لیست تمام یادداشت‌ها

تبلیغات

ربات‌های تلگرامی:
مجموعه ربات‌های تلگرامی ما برای ساده‌تر کردن کار با تلگرام و مدیریت کانال
دامنه‌های فروشی:
دامنه‌های زیر مربوط به ما یا مشتریان ماست که قابل واگذاری هستند. در صورت تمایل به داشتن یکی از آنها، با این اکانت تلگرامی مکاتبه نمایید.

دامنه‌هایی که می‌تواند مصرف تخصصی داشته باشد:
AnyDesk.ir, Firebase.ir, Angularjs.ir, 9px.ir alAdmin.ir, iQore.ir notion.ir, 3dn.ir,

دامنه‌هایی که می‌تواند مصرف فرهنگی/مذهبی داشته باشد:
mavaez.ir, 2aha.ir, babolelm.ir, mahjoor.ir

دامنه‌هایی که می‌تواند مصرف شخصی/عمومی داشته باشد:
azizami.ir, 90blog.ir