سوال: گرافیکی کردن توضیحات اشیا در طراحی سایت

[salar.shayegan]

سلام دوستان
چجوری میشه کاری کرد که توضیحات هر شئ در صفحه که با خاصیت title آن شئ مشخص شده، (مانند: <"توضیحات"=img title> )، مثل تصویر پیوست شده، گرافیکی بشه؟!


ممنون دوستان

[hamid.soltani92]

سلام.
به این دسته اشیا tooltip گفته میشه.
تو گوگل سرچ کنید زیاد هست.
مثال های عبارت جستجو:
css tooltip
jquery tooltip
bubble tooltip

[salar.shayegan]

ممنونم، اسمش رو میدونستم ولی چون توی گوگل نتیجه نگرفتم، فکر کردم اینجا هم کسی با این اسم ندونه...
با این حال اگر کسی یه آموزشی یا سورسی داره لطفا" از ما دریغ نکنه

ممنون

[hamid.soltani92]

آموزش:
CSS3 Tips

[salar.shayegan]

ممنونم
راهی نداره که دیگه این کلاس ها رو توی هر شئ ننویسیم؟
چون الان بیشتر از 200 تا تول تیپ توی صفحه ام هست نمیتونم به همشون این رو اضافه کنم!

راستی اگر طبق این آموزش از "data-tips="Go to bavotasan.com استفاده کنم، دو مشکل هست: دیگه از title استفاده نمیکنم و این روی سئوی سایت تاثیر داره و کیفیت رو کاهش میده. چرا؟ چون فقط خاصیت title برای موتور های جستجو شناخته هست و نه data-tips

ممنون میشم اگر میتونید راه حلی ارائه بدید
با تشکر

[hamid.soltani92]

خواهش می کنم.
در مورد سوال اولتون باید بگم که متوجه نشدم چی فرمودین.
در مورد سوال دوم هم این چیزیه که میخواید:
https://developer.mozilla.org/en-US/docs/Web/CSS/attr
ولی مشکل اینه که تمام مرورگر ها ازش پشتیبانی نمیکنن.
پس نمیتونید با css خالص این کار رو انجام بدید.
باید کمی هم جاوا اسکریپت قاطی کنید.