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

طراحی وب ژانویه 2015 19

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

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

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

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

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

دیدگاه ها
  • mehran گفت:

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

  • seyedi گفت:

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

  • Raymond گفت:

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

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


Time limit is exhausted. Please reload CAPTCHA.