قرار دادن تولتیپ با رنگ های مختلف

- visibility ٢٨ mode_comment

:: خوب شاید قبل از همه چی بهتر باشه واسه اونایی که نمی دونن تولتیپ چیه یه توضیح کوتاهی بدم. تولتیپ (tooltip) یه ابزاری هست برای زیباسازی وبسایت یا وبلاگ های شما . حالا دقیقا چیکار می کنه این تولتیپ؟ یکی از گزینه های تنظیمات هر لینک یا تگ در صفحات وب بخش توضیحات یا title اون تگ هست یعنی اگر تو صفحتون یه کدی مثل کد زیر داشته باشید

وقتی روی لینکتون نشانگر ماوس رو نگه دارید یه چیزی مثل شکل 1 به شما نمایش داده می شه . حالا بعد از آموزش زیر می تونید توضیحات لینک خودتون رو به حالت 2 که در عکس زیر نشون داده شده در بیارید . tooltip :: توی اینترنت تولتیپ های زیادی وجود داره که تقریبا توی همه ی اونا یه کدی رو به استایل خودتون اضافه می کنید و برای هر لینکی یه کلاس تعریف می کنید(اگر متوجه نمیشید نگران نباشید در ادامه متوجه میشید) اما در این آموزش تنها چندتا فایل به قالبتون اضافه می کنید اونا رو فراخونی می کنید و علاوه بر اینکه نیازی به تعریف کلاس در هر لینک نیس امکان تعیین رنگ آن در هر لینک نیز وجود دارد چیزی که در تولتیپ های دیگر نمی بینیم!!! حالا چطوری این تولتیپ رو اضافه کنیم؟ ابتدا فایل زیر را دانلود کنید و در صفحه اصلی سایت خود یا اصطلاحا روت خود آپلود کنید بعد از خارج کردن فایل از حالت فشرده باید یک فولدر به اسم colortip-1.0 داشته باشید که توش دوتا فایل هست و یه فایل به اسم script.js .

خوب حالا فقط یه مرحله از کار باقی مونده!!! بالای قالب یا صفحه وب خود درون تگ head این چند خط رو اضافه کنید تا فایل های مربوط به تولتیپ رو لود کنید . فقط دقت کنید که در خط 2 ، 3 و 4 باید آدرس دقیق جایی که فایل ها رو آپلود کردید بزارید .

خوب حالا اگر هر تگی با ویژگی title مثل پاراگراف زیر داشته باشید توضیحات لینکوتون به حالت رنگی و جالبتر درمیاد !

تولتیپ به همین سادگی!

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

سلام
ممنون از توضیح جامعتون
ولی میخوام توی تول تیپ عکس بیارم
چطور باید این کارو کرد؟

لقمان آوند

سلام
احتمالا باید از کدهای دیگر مخصوص ساخت تولتیپ استفاده کنید . مثلا این . اینم یه لیست از کدهایی برای این منظور .

مای چاپ

ممنون مفید بود

MoHaMmAd10

عزیز می شود تمامی آموزش های موجود در سایت مانند html و جاوا اسکریپ و فتوشاپ را به ایمیلم ارسال کنی؟

mohammad_arbaghaei@yahoo.com

من 14 ساله از مشهد هستم هر چقدر مطالبتان را می خوانم متوجه میشم برای راهنمایی جواب را به ایمیلم ارسال کنید

لقمان آوند

توی خبرنامه سایت عضو شو . مطالب برات میل میشه .

نت نیک

لینک دانلود ارور 404 میده !

لقمان آوند

ممنون از گزارش مشکل . تصحیح شد …

moshi98

آموزش ساخت اینجور چیز ها را با استفاده از سی اس اس بذارید.عالیه 😛 😳

leila

سلام خسته نباشید من از این کد استفاده کردم عین کد خودتون و گذاشتم فقط همونطور که گفتید آدرس 2 3 4 و مطابق آدرس خودم گذاشتم ولی کار نمیکنه مثل شکل 1 نشون میده میشه راهنماییم کنید که مشکل از کجاست؟ممنون میشم

leila

یه سوال دیگه اینکه چطور میتونیم از این تم هایی که توی فایل css فایل دانلودی هست استفاده بکنیم؟ یعنی باید جایی که از تایتل استفاده میکنیم یه کلاس بهش بدیم و از اون کلاسهای css استفاده بکنیم؟

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.
1 2