Notice: wp_deregister_script was called incorrectly. اسکریپت‌ها و شیوه‌نامه‌ها نباید پیش از wp_enqueue_scripts، admin_enqueue_scripts و login_enqueue_scripts ثبت یا فراخوانی شوند. Please see Debugging in WordPress for more information. (این پیام در نگارش 3.3 افزوده شده است.) in /home/ronakweb/domains/ronakweb.com/public_html/wp-includes/functions.php on line 3190 » افزونه جی کوئری ساخت تب با افکت زیبا Jquery Tab Plugin

افزونه جی کوئری ساخت تب با افکت زیبا Jquery Tab Plugin

دسته بندی: ,
برچسبها:

یکی از قابلیتهایی که در طراحی رابط کاربری وب سایت و یا طراحی قالب وردپرس مورد استفاده قرار می گیرد استفاده از تب می باشد. توسط تبها می توان چندین بلوک را به شکلی زیبا در کنار یکدیگر و در یک فضا نمایش داد تا الاوه بر استفاده بهینه از صفحه نمایش، ظاهر زیباتری ایجاد نماییم. از متداول ترین روشهای ایجاد تب بندی در قالب سایت استفاده از پلاگین جی کوئری ساخت تب می باشد که با استفاده از اختصاص یک id ای دی یکتا برای هر تب می توان براحتی تبهایی با افکتهای نمایشی زیبا ایجاد کرد در این مطلب از روناک وب چند افزونه جی کوئری ساخت تب با افکت زیبا Jquery Tab Plugin برای حرکت و تعویض تب معرفی می شود که می توانید در پروژه هایتان از آنها استفاده کنید.

افزونه جی کوئری ساخت تب با افکت زیبا Jquery Tab Plugin

افزونه جی کوئری ساخت تب با افکت

از محبوب ترین پلاگینهای جاوا ساخت تب بندی سایت EasyTabs.js می باشد که توانایی ساخت انواع تب افقی و عمودی با افکت محو زیبا در هنگام تعویض تب را دارا می باشد این افزونه با تمام مرورگرهای بروز از جمله اینترنت اکسپلوره ie نسخه +۷ به بالا سازگاری دارد. از قابلیتهای ایزی تب می توان به موارد زیر اشاره کرد:

  • امکان بارگذاری یا لود محتوای تب توسط Ajax آژاکس
  • قابلیت زمان بندی برا تعویض خودکار تبها
  • سازگاری با فریمورک توئیتر بوت استرپ
  • امکان ساخت تبهای تو در تو
  • قابلیت نمایش پیام در هنگام تعویض تب
  • امکان ساخت فرم چند مرحله ای در تبها
  • امکان نمایش لینک یا عنوان تب در ستون کناری راست و چپ
  • پشتیبانی از دکمه های کنترلی قبلی و بعدی برای مرور تب از طریق آنها
  • طراحی واکنش گرا و سازگار با موبایل و تبلت
  • نصب و راه اندازی سریع و آسان
  • امکان اختصاصی کردن و ویرایش شیوه نامه یا استایل css
  • متن باز و رایگان

برای مشاهده دمو از انواع تبها و دانلود آخرین نسخه افزونه جی کوئری تب بندی ایزی تب EasyTabs.js به سایت سازنده آن در آدرس Jquery EasyTabs Plugin مراجعه نمایید.

پلاگین جی کوئری تب بندی Tabslet

دومین افزونه ای که قصد معرفی آنرا داریم Tabslet می باشد این پلاگین نیز مانند ایزی تب عمل می کند و تقریبا تمام امکانات آنرا داراست همچنین امکان نمایش محتوای جدول بندی از طریق هاور شدن ماوس بر روی عنوان تب را نیز دارا می باشد. برای مشاهده پیش نمایش و دانلود آخرین ورژن پلاگین تبزلت به صفحه آن از سایت معتبر گیت هاب github مراجعه نمایید.

هر دو افزونه جی کوئری ساخت تب معرفی شده متن باز و کاملا رایگان بوده که می توانید براحتی ار آنها استفاده نمایید.

2,902 بازدید ۴ نظر
خیلی خوشم اومد.
پیشنهاد میشه از مطالب زیر دیدن کنید
به نظر من !!!
  1. Aref می گه:
    ۱۵:۲۸ Notice: Undefined variable: comment_ID in /home/ronakweb/domains/ronakweb.com/public_html/wp-content/themes/ronakweb2/functions.php on line 175 مورخه ۰۳ بهمن ۹۴

    دقیقا توضیح بدید چجوری باید با افزونه Jquery Tab Plugin کار کرد

    پاسخ
    • روناک وب می گه:
      ۱۷:۰۶ Notice: Undefined variable: comment_ID in /home/ronakweb/domains/ronakweb.com/public_html/wp-content/themes/ronakweb2/functions.php on line 175 مورخه ۰۳ بهمن ۹۴

      این افزونه جی کوئری هست که برای استفاده در طراحی و کدنویسی رابط کاربری سایت حالا چه وردپرس باشه یا سیستم مدیریت محتوای دیگه کاربرد داره و با پلاگین وردپرس متفاوت هست.
      برای استفاده از افزونه های جی کوئری باید کدنویسی و برنامه نویسی html ، css و کمی jquery یاد داشته باشید.

      پاسخ
  2. Aref می گه:
    ۲۱:۵۲ Notice: Undefined variable: comment_ID in /home/ronakweb/domains/ronakweb.com/public_html/wp-content/themes/ronakweb2/functions.php on line 175 مورخه ۰۳ بهمن ۹۴

    سلام
    همین قسمتی که سمت چپ سایتتون هست و مطالب محبوب رو نشون میده چجوری ساختین؟؟؟
    میشه کدش رو بدین یا از قالب هست؟

    پاسخ
    • روناک وب می گه:
      ۲۲:۲۷ Notice: Undefined variable: comment_ID in /home/ronakweb/domains/ronakweb.com/public_html/wp-content/themes/ronakweb2/functions.php on line 175 مورخه ۰۳ بهمن ۹۴

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

      پاسخ

پاسخ دادن به Aref لغو پاسخ

کد امنیتی: *

Notice: Undefined index: comment_notes_after in /home/ronakweb/domains/ronakweb.com/public_html/wp-content/themes/ronakweb2/functions.php on line 249

با عضوت در خبرنامه ایمیلی جدیدترین مطالب و فیلم های آموزشی را در ایمیل تان دریافت کنید. اعضاء خبرنامه و صفحات اجتماعی روناک وب از امکانات ویژه ای برخوردار خواهند شد !!!