مهمان عزیز خوش آمدید. ورود ثبت نام



امتیاز موضوع:
  • 0 رای - 0 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5

[-]
کلمات کلیدی
ایجاد tooltip در مای بی

ایجاد Tooltip در مای بی بی
با درود،

حتما بسیار از شما هم Tooltip ها را دیده اید، وقتی که روی یک دکمه یا متن میروید یک پنجره کوچک بالای آن باز میشود که درباره آن گزینه یا دکمه توضیحاتی میدهد. برای اینکه بیشتر با آن آشنا شوید این صفحه را ببینید: tooltipster
خوب، اگر شما هم دوست دارید که همچین دکمه هایی داشته باشید این آموزش را مطالعه کنید.
نکته: کتابخانه tooltipster.js کتابخانه بسیار پیشرفته و دارای امکانات بسیار زیاد و قالب های متنوع است. در این مطلب ساده ترین شکل استفاده از آن را خواهید آموخت. در همین موضوع در آموزش های بعدی استفاده پیشرفته تر از آن را به شما می آموزم.
گام نخست: افزودن پرونده ها
این کتابخانه در ساده ترین حالت پرونده ها JQuery 1.10.0 و Tooltipster bundle را به عنوان پرونده های جاوا اسکریپت و Tooltipster bundle.css را به عنوان قالب پیشفرض نیاز دارد. پس:
بروید به: صفحه مدیریت [admin/index.php] >> قالب ها و پوسته ها >> قالب ها [admin/index.php?module=style-templates] >> قالبی که در حال استفاده هستید >> قالب های پانوشت >> Footer
و پیش از {$auto_dst_detection} بنویسید:
کد:
<script src="http://gilasforum.ir/tooltipster/jquery-1.10.0.min.js"></script>
<script src="http://gilasforum.ir/tooltipster/tooltipster.bundle.min.js"></script>
<script>
$(document).ready(function() {$('#tooltips_box').tooltipster();});
</script>
گام دوم: حالا بروید به: صفحه مدیریت [admin/index.php] >> قالب ها و پوسته ها >> پوسته مورد نظر شما >> global.css >> حالا در ابتدای آن بنویسید:
کد:
@import url(http://gilasforum.ir/tooltipster/tooltipster.bundle.min.css);
خوب تا حالا توانستید تمامی پرونده های موردنیاز برای ساده ترین حالت استفاده را برگیری کنید.

گام سوم: به هر کجا که میخواهید بروید و به این صورت تولتیپ ایجاد کنید:
مثلا میخواهید روی متن [text] یک تولتیپ شامل [tooltip] ایجاد کنید آنگاه:
کد:
<span id="tooltips_box" title="[Tooltip]">[Text]</span>
دو متن [tooltip] و [text] را تغییر دهید ولی به هیچ وجه به id دست نزنید مگر اینکه در کد گام نخست به جای #tooltips_box آی دی مورد نظرتان را تغییر دهید.

موفق باشید.


اعتبار و تشکر یادتون نره تصویر: http://www.cdn.my-bb.ir/images/smilies-v6/biggrin.gif
پاسخ


موضوعات مشابه ...
موضوع نویسنده پاسخ بازدید آخرین ارسال
  مناسبت آموزش ایجاد بنر گوشه به مناسبت رحلت حضرت محمد (ص) Develepor 0 38 ۰۸ آذر ۱۳۹۵، ۰۵:۱۵ ب.ظ
آخرین ارسال: Develepor
Question ایجاد پست ! سعید20 4 1,761 ۱۵ آذر ۱۳۹۳، ۰۹:۱۸ ب.ظ
آخرین ارسال: سعید20

پرش به انجمن:


کاربران در حال بازدید این موضوع:

1 مهمان


درباره‌ی ما

گروه پشتیبانی فارسی مای بی بی My-BB.Ir در واپسین روزهای پاییز 1391 کار خود را در زمینه مای بی بی آغاز کرد. این گروه با توکل بر خدای منان و دانش فنی خود در تلاش است فعالیتی هرچند ناچیز در زمینه ارتقا و پشتیبانی مای بی بی انجام دهد.
تمامی حقوق برای وب‌سایت پشتیبانی فارسی مای بی‌بی (My-BB.Ir) محفوظ می‌باشد و هرگونه کپی‌برداری از آن شرعا حرام و قانونا غیرمجاز می‌باشد.
قدرت گرفته از مای بی‌بی - فارسی‌ساز: My-BB.Ir و IORA.Ir