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

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

 <a href="https://7learn.com" title="معراجيان">Sina</a>

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

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

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="colortip-1.0/colortip-1.0-jquery.js"></script>
<script type="text/javascript" src="script.js"></script>
<link rel="stylesheet" type="text/css" href="colortip-1.0/colortip-1.0-jquery.css"/>

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

<p title="Web Design & Javascript Tutorials">7Learn.com</p>

به همین سادگی!

نویسنده

محمدسینا معراجیان

محمدسینا معراجیان هستم متولد خرداد 1374 دانشجوی برق و الکترونیک ،نه ساله که در زمینه وب و طراحی فعالیت دارم و امیدوارم بتونیم باهم پیشرفت کنیم...