PDA

توجه ! این یک نسخه آرشیو شده میباشد و در این حالت شما عکسی را مشاهده نمیکنید برای مشاهده کامل متن و عکسها بر روی لینک مقابل کلیک کنید : سوال: گرافیکی کردن توضیحات اشیا در طراحی سایت



salar.shayegan
May 14th, 2014, 20:12
سلام دوستان
چجوری میشه کاری کرد که توضیحات هر شئ در صفحه که با خاصیت title آن شئ مشخص شده، (مانند: <"توضیحات"=img title> )، مثل تصویر پیوست شده، گرافیکی بشه؟!


ممنون دوستان

hamid.soltani92
May 14th, 2014, 20:14
سلام.
به این دسته اشیا tooltip گفته میشه.
تو گوگل سرچ کنید زیاد هست.
مثال های عبارت جستجو:
css tooltip
jquery tooltip
bubble tooltip

salar.shayegan
May 14th, 2014, 20:16
ممنونم، اسمش رو میدونستم ولی چون توی گوگل نتیجه نگرفتم، فکر کردم اینجا هم کسی با این اسم ندونه...
با این حال اگر کسی یه آموزشی یا سورسی داره لطفا" از ما دریغ نکنه

ممنون

hamid.soltani92
May 14th, 2014, 20:20
آموزش:
CSS3 Tips (http://cbavota.bitbucket.org/css3-tips/)

salar.shayegan
May 14th, 2014, 20:30
ممنونم
راهی نداره که دیگه این کلاس ها رو توی هر شئ ننویسیم؟
چون الان بیشتر از 200 تا تول تیپ توی صفحه ام هست نمیتونم به همشون این رو اضافه کنم!

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

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

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