استایل دادن به تولتیپ (tooltip)


نویسنده : حسین شفیعیان

تاریخ : 11:17

دسته : طراحی وب

تعداد بازتاب : 6

در این پست میخوام براتون توضیح بدم چطور برای تولتیپ های یک صفحه وب استایل مورد نظرتون را تنظیم کنید. در این روش ابتدا باید کتابخانه جی کوئری را اتچ کرده باشید ، بعد از آن فایل jquery.style-my-tooltips.min.js را از باکس زیر دانلود و بعد از کتابخانه جی کوئری اتچ کنید :

دانلود فایل
لینک دانلود0.1 مگابایت

بعد از آن باید کد زیر را درون تک <head> قرار دهیم :

از طریق کد های بالا میتوان سرعت نمایش و تاخیر تولتیپ را تنظیم کرد ، حال کافیه استایل مورد نظر به با آی دی s-m-t-tooltip بدهیم ، مثلا من استایل زیر را آماده کردم :

کار تمومه و استایل قابل اجراست !


دیدگاه شما در مورد این پست :



دیدگاه های کاربران

  • mehran گفت:

    حسین جان مرسی جالب بود خیلی دنبالش گشتم
    مرسی

  • seyedi گفت:

    خیلی خوب بود متشکرم

  • Raymond گفت:

    درود… پیشنهاد می کنم از کد زیر که بسیار ساده هستش و بدون جی کوئری با CSS3 هستش استفاده کنید…
    از مدیریت سایت می خوام این کد در سایتتان قرار دهند تا کاربران از آن استفاده کنن…

    اینم دمو زیر:codepen.io/Pouriya/pen/xDsbg

  • maryam گفت:

    باعرض سلام وقت بخیرممنون ازوب سایت آموزشی خیلیعالی آموزش دادین وتشکرویژه دارم ازشما

  • naser گفت:

    عالی بود.
    میشه ایمیلی شماره تلفنی چیزی بدید
    برای راه ارتباطی برای برخی سوالات