ورود

View Full Version : نحوه استایل دادن به Tooltip


asghar2008
سه شنبه 08 مرداد 1392, 11:49 صبح
سلام

چطور میتوان به tooltip استایل داد؟؟

tooltip: تو تگ های Html یک خصیصه به نام title وجودداره هنگامی که موس رو تگ موردنظر قرار میدیم ، مقدار title رو نشون میده. حالا تو css چطوری میتوان به اون استایل داد ؟؟


ممنون
qartalonline
سه شنبه 08 مرداد 1392, 12:07 عصر
برای اینکار میتونید از افزونه جی-کوئری یا کدهای آماده استفاده کنید.
کافیه تو گوگل جستجو کنید نمونه های فراوانی پیدا میشه.

http://csstooltip.com (http://csstooltip.com/)
http://kushagragour.in/lab/hint/
http://jqueryui.com/tooltip/
http://css-tricks.com/bubble-point-tooltips-with-css3-jquery/

....
asghar2008
سه شنبه 08 مرداد 1392, 12:42 عصر
حتما باید از jquery استفاده کنیم ؟؟

نمیشه با استفاده از css بهش استایل بدیم و از jquery استفاده نکنیم ؟
qartalonline
سه شنبه 08 مرداد 1392, 12:46 عصر
تقریبا نمیشه.
چون اغلب با jquery میان title تگ ها رو برمیدارن و داخل تگ دیگه قرار میدن سپس به تگ جدید استایل میدن که اینکار تنها با css امکان پذیر نیست .
azamicu
سه شنبه 08 مرداد 1392, 12:56 عصر
نمونه های آماده زیاده ولی اگه خودت میخوای کودشو بزنی مقدار title رو با js بگیر و بعدش یه دایو abs درست کن و مقدار رو بریز توش و نمایش بده
asghar2008
سه شنبه 08 مرداد 1392, 14:14 عصر
نمونه های آماده زیاده ولی اگه خودت میخوای کودشو بزنی مقدار title رو با js بگیر و بعدش یه دایو abs درست کن و مقدار رو بریز توش و نمایش بده

مشکل اینجاست که بنده تازه طراحی وب رو شروع کردم(حدوده یه ماهه) و فقط html و css کار کردم.وتا حالا جاوااسکریپت وJquery کار نکردم و کتابی یا مقاله ای نخوندم که بتونم این کارو انجام بدم.

سپاس.
azamicu
سه شنبه 08 مرداد 1392, 14:22 عصر
خوب برای اینکار نیاز به دانش js داری دوست عزیز
qartalonline
سه شنبه 08 مرداد 1392, 14:27 عصر
بهتره از کدهای آماده استفاده کنید. اگه بخواین خودتون بنویسین اگه js یا jquery هم بلد باشین زحمت زیادی داره.
البته نمیگم خوتون نویسین فقط میگم که زحمت زیادی داره اگه بخوای کامل بنویسی.
Mohammadm
سه شنبه 08 مرداد 1392, 14:44 عصر
سلام
مجموعه مثالهای jquery رو دانلود کن واسه شروع خوبه
Tooltip هم داره
http://www.fekre-bekr.com/ShowBookDescription.aspx?ID=75
jalil_gh
سه شنبه 08 مرداد 1392, 16:22 عصر
حتما باید از jquery استفاده کنیم ؟؟

نمیشه با استفاده از css بهش استایل بدیم و از jquery استفاده نکنیم ؟

با css هم میشه. شما فقط کافیه که به جای title از یه span استفاده کنید و بهش استایل بدید و مخفیش کنید. بعد تو hover عنصر والد اونو نمایش بدید.
به اینجا (http://www.red-team-design.com/css3-tooltips) یه نگاهی بندازید.