رفتن به مطلب

Stylish Progress Bars BBCode


ارسال‌های توصیه شده

2015-01-14_22-16-45.jpg


نام فایل: Stylish Progress Bars BBCode

ارسال کننده: pouria

فایل ارسال شده: ۲۴ دی ۱۳۹۳

بخش فایل: متفرقه

 


افرادی مثل من که به صورت اینترنتی پروژه انجام میدن نیاز دارن تا بتونن یک نوار پیشرفت از پروژه هاشون داشته باشن تا کاربرا از پیشرفت هر پروژه اطلاع داشته باشند
این BBCode چاره کار خواهد بود ، سورس این نوار پیشرفت توسط یک فرد خارجی نوشته شده که میتونید دمو رو از اینجا ببینید، کاملا با css3 نوشته شده و از تصویر خبری نیست

به دلیل اینکه IPB فارسی تغییراتی در استایل ایجاد میکرد و نوار راستچین میشد نیاز داشت تا تغییراتی اعمال بشه که اینکارو انجام دادم و به BBCode تبدیلش کردم.

این نوار در 3 رنگ و 4 حالت مختلف قابل استفادست

انواع حالت ها:

  • stripes: این حالت به صورت راه راه های رنگی در حال حرکته
  • glow: این حالت به صورت تابش مشاهده میشه
  • shine: در این حالت هم یک نوار محو بر روی نوار پیشرفت حرکت میکنه و میدرخشه
  • حالت چهارم ثابت و رنگیه

برای نصب این BBCode محتویات پوشه upload موجود در فایل فشرده دریافتی رو به محل فایل های انجمن خودتون انتقال بدید (روت انجمن)، این همون آیکونیه که قراره برای استفاده به ادیتور اضافه بشه
در مرحله دوم فایل xml دریافتی رو در مسیر روبرو ایمپورت کنید : Admin CP > Look & Feel > Post Content > BBCode Management

نحوه استفاده: در کادر اول رنگ و نوع انیمیشن رو تایپ کنید، اگر رنگ تنها تایپ شود نوار ثابت خواهد بود، برای وارد کردن رنگ و انیمیشن از یک فاصله بین دو کلاس استفاده کنید

در کادر دوم هم میزان پیشرفت از 0 تا 100 تایپ شود

post-3245-0-87341600-1443784276_thumb.jp

post-3245-0-24267700-1443784053.jpg
 

 

 

 


برای دریافت فایل اینجا را کلیک کنید

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

  • 4 هفته بعد...

استایل خوبی بود ممنون :)

فقط یه ویرایش کوچیک توش انجام بده تا با سایت های واکنشگرا هم بخونه. کافیه اون مقدار عرض رو در ابتدای کد ها با درصد مشخص کنی مثلا ۸۰ درصد.

لینک ارسال
به اشتراک گذاری در سایت های دیگر

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .
توجه: مطلب ارسالی شما پس از تایید مدیریت برای همه قابل رویت خواهد بود.

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

  • کاربران آنلاین در این صفحه   0 کاربر

    • هیچ کاربر عضوی،در حال مشاهده این صفحه نیست.
×
  • اضافه کردن...