اسکریپت ساده تول تیپ یا راهنما در نوشته

توضیحات :

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

امکانات افزونه :

-امکان تعیین مکان تول تیپ ( بالا پایین راست و یا چپ نوشته )

-امکان تعیین رنگ برای تول تیپ بر اساس نوع آن ( دارای مدل های اخطار موفقیت و …)

-امکان گردگوشه کردن جعبه متن

-امکان نمایش تول تیپ به همراه افکت ( محو و اسلاید )

-امکان نمایش تول تیپ با فلش ( نیمه و کامل )

-امکان استفاده از تول تیپ چند خطی

نحوه راه اندازی :

-ابتدا فایل css به خصوص رو فراخوانی کنید . برای این کار می تونید یکی از دو کد زیر رو استفاده کنید .

<link rel="stylesheet" type="text/css" href="simptip-mini.css" />

 

<link rel="stylesheet" type="text/css" href="simptip.css" />

-حالا شما می تونید برای هر موردی که خواستید این کد رو بهش اضافه کنید

class="simptip-position-top" data-tooltip="متن تول تیپ"

در قسمت اول مکان تول تیپ و در قسمت دوم هم متن مورد نظرتون رو می نویسید .این هم مثالش :

<span class="simptip-position-top" data-tooltip="متن تول تیپ"> متن اصلی شما </span>

-این گزینه های مکان تول تیپ هستش که باید در قسمت کلاس گذاشته بشن

.simptip-position-right , .simptip-position-bottom  .simptip-position-left

– این هم سایر گزینه های اسکریپت که باید در کلاس گذاشته بشن

.half-arrow .simptip-smooth .simptip-fade .simptip-movable .simptip-multiline .simptip-success .simptip-info .simptip-warning .simptip-danger

 

نسخه نمایشی و دانلود