همیشه هستن کسایی که دوست دارن سایت اینترنتی‏شون رو متمایز از بقیه و به شکل زیباتر به نمایش بزارن. خیلی‏ها از فلش و انواع و اقسام ترفندها و عکس‏های گرافیکی برای خاص‏تر کردن وبسایت‏شون استفاده می‏کنن.
یکی از چیزهایی که تازگی‏ها خیلی مورد توجه طراح‏های وب قرار گرفته جی‏کوئری هستش. جی‏کوئری اساسش از جاوا اسکریپ و دست طراح‏ها رو برای خیلی از کارا باز می‏کنه (جی‏کوئری چیست؟)، از طراحی رابط کاربری (چیزی که بازدید کننده مشاهده می‏کنه) گرفته تا طراحی هسته‏های سیستم‏های مدریت محتوا.

قرار شما هم تو این آموزش یاد بگیرید که چجوری تول‏تیپ لینک‏های یک صفحه‏ی وب رو سفارشی کنید و از این شکل و شمایل تکراری درش بیارید. (تول‏تیپ: متنی که وقتی نشانگر موس رو روی لینکی نگه می‏دارید ظاهر می‏شه). نمونش رو هم می‏تونید توی همین وبلاگ ببینید.

خب دست بکار می‏‏شیم، اول از همه شما باید فایل tooltip.js رو توی header صفحه‏ی وبتون قرار بدید. فایل مورد نظر رو از اینجا دریافت کنید و به صورت کد زیر بزارید توی header صفحتون.

<script type="text/javascript" src="tooltip.js"></script>

نکته: به جای tooltip.js که توی کد بالا هست، باید آدرس کامل فایل رو قرار بدید.

تقریباً کار تمام شد، حالا برای این که این تول‏تیپ ما خوشگل‏تر بشه یک کد سی‏اس‏اس کوچیک هم بهش اضافه می‏کنیم و به اصطلاح خودمون سفارشیش می‏کنیم تا رنگ و لعابش مطابق با کل صفحه بشه.
کدهای زیر رو هم توی تگ style وبلاگتون و یا توی فایل style.css قالبتون بزارید.

div#qTip {
	background: #fff;
	border: 1px solid #666;
	color: #000000;
	display: none;
	direction: rtl;
	font: 11px tahoma;
	position: absolute;
	padding: 3px;
	z-index: 10000;
}

به همین راحتی، بقیش هم دیگه بستگی به خودتون داره که بر اساس سلیقه‏ی خودتون کدهای سی‏اس‏اس رو ویرایش کنید و تول‏تیپ دلخواهتون رو از توش دربیارید.