ایجاد تولتیپ های گرافیکی


دوستانی که از سایت بلاگ استفاده میکنند ابتدا باید از طریق امکانات اختیاری جاوا اسکریپت خود را فعال کنند

برای نمایش دموی این Tooltip موس خود را روی تصویر رو به رو ببرید:




چگونه از این کد در سایت خودم استفاده کنم؟

  • ابتدا کد زیر را بین دو قسمت <head> و </head> در ساختار قالب خود کپی کنید
<script src="http://rozup.ir/up/gdl/gdl1/js/qTip.js" type="text/javascript"></script>
<link href="http://rozup.ir/up/gdl/css/form.css" rel="stylesheet" type="text/css">

  • سپس برای افزودن این تولتیپ به لینک ها, تصاویر, متون و ... خود کافیست عبارت title="متنی که میخواهید نمایش داده شود" را به کد های آن ها اضافه کنید. به مثال های زیر توجه کنید:

برای تگ های پاراگراف و متنی:

<p title="Your Tooltip"> Your Text </p>

برای تگ های تصویری:

<img title="Your Tooltip" src="Image Address">

برای تگ های هدایت کننده (لینک ها):

<a title="Your Tooltip" href="Link Address"> Link Text </a>

توجه داشته باشید که تکه کد ""=title برای هر تگی قابل استفاده است