مای کد درصد پیشرفت فلزی
درود بر تمامی شما دوستاران سیستم مدیرت محتوا MyBB 
قصد دارم تا برای شما کدی رو قرار بدم که مطمعناً برای مطلع کردن کاربر هاتون به شما کمک زیادی خواهد کرد 
مای کد درصد پیشرفت به شما این امکان رو می دهد که کاربرانتان را از درصد پیشرفت پروژه های شما مطلع کند 
جهت استفاده از این مای کد به صورت زیر اقدام نمایید : 

نام دلخواهی برای مای کد خود انتخاب کنید بعد در بخش عبارت منظم کد زیر را وارد نمایید :
\[progress\](.*?)\[/progress\]

در بخش عبارت جایگزین کد زیر را وارد نمایید :
<div class="progress">
  <span class="progress-val">$1%</span>
  <span class="progress-bar"><span class="progress-in" style="width: $1%"></span></span>
</div>

در بخش global.css پوسته مورد نظر خود کد های زیر را کپی کنید:
/*
 * Copyright (c) 2013 Thibaut Courouble
 * http://www.cssflow.com
 * MyCode By Reza Joodaki From Iranian Web forum
 * http://www.iranian-web.ir
 */

.progress {
  overflow: hidden;
  padding: 0 15px;
  width: 220px;
  height: 34px;
  background: #d3d5d9;
  border-radius: 17px;
  background-image: -webkit-linear-gradient(top, #ebecef, #bfc3c7);
  background-image: -moz-linear-gradient(top, #ebecef, #bfc3c7);
  background-image: -o-linear-gradient(top, #ebecef, #bfc3c7);
  background-image: linear-gradient(to bottom, #ebecef, #bfc3c7);
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 6px #b6babe, 0 7px rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 6px #b6babe, 0 7px rgba(255, 255, 255, 0.1);
}

.progress-val {
  float: right;
  margin-left: 15px;
  font: bold 15px/34px Helvetica, Arial, sans-serif;
  color: #333;
  text-shadow: 0 1px rgba(255, 255, 255, 0.6);
}

.progress-bar {
  display: block;
  overflow: hidden;
  height: 8px;
  margin: -5px;
  background: #b8b8b8;
  border-radius: 4px;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2), transparent 60%);
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.2), transparent 60%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.2), transparent 60%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 60%);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.6);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.6);
}

.progress-in {
  display: block;
  min-width: 8px;
  height: 8px;
  background: #1997e6;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, 0) 61%, rgba(0, 0, 0, 0.2)), -webkit-linear-gradient(left, #147cd6, #24c1fc);
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, 0) 61%, rgba(0, 0, 0, 0.2)), -moz-linear-gradient(left, #147cd6, #24c1fc);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, 0) 61%, rgba(0, 0, 0, 0.2)), -o-linear-gradient(left, #147cd6, #24c1fc);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, 0) 61%, rgba(0, 0, 0, 0.2)), linear-gradient(to left, #147cd6, #24c1fc);
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.2);
}

روش استفاده : کافیست عدد درصد پیشرفت پروژه خود را بین دو کد زیر قرار دهید مانند مثال :
[progress]84[/progress]

نمونه این کد را میتوانید در این جا مشاهده کنید !
نویسنده :

X
آخرین بازدید کننده ی پروفایل
[align=center][color=#333333][font=BYEkan, Tahoma, Verdana, Arial, sans-serif]افزونه ی آخرین بازدیدک ...
تعیین نشده
    دیدگاه های کاربران 14
    ارسال: 2
    انجام دادم ولی نشد
    ارسال: 3
    مشکل چیه یه شات قرار میدی ؟
    ارسال: 4
    ببخشید میشه بگید چه کدی باید بزاری؟
    ارسال: 5
    همه چیز رو توضیح دادم ، همه کد ها و روش استفاده رو توضیح دادم ! 
    درست اجرا نمیشه یا نمیتونید داخل انجمنتون ازش استفاده کنید ؟!
    ارسال: 6
    با سلام مهدی جان داداش رضا کاملا واضح توضیح داده نمیتونی تو یاهو به من بگو برات اوکی کنم
    ارسال: 7
    ببخشید من دوباره میگم

    من طبق آموزش مو به مو رفتم ولی نشد
    ارسال: 8
    مهدی جان چطوری میاره؟Big Grin

    لطفا یه شات بزار

    کد ها رو هم قبلا تو نت پد ذخیره کنBig Grin
    ارسال: 9
    بله ذخیره کردم

    یعنی اینجور باید بیاره که نمیاره

    اینجا
    ارسال: 10
    ببین ، تنظیمات توی قسمت مای کد رو اینجوری زدی ؟ :
    http://up.vbiran.ir/uploads/162551407796...ycode1.JPG

    و بعد اون کدهای سی اس اس رو در قسمت global.css پوسته ی مورد نظر قسمت ویرایش پیشرفته اضافه کردی ؟ (توجه : اضافه باید بکنی)

    و بعد برو توی قسمت ویرایش سریع مطلبی که برای تستش زدی و باید همچین چیزی ببینی (چون ممکنه ویرایشگرهایی مثل Ckeditor نتونن مای کد رو مستقیماً بخونن که باید توی سورس کدش مای کد رو بزارید !) :
    http://up.vbiran.ir/uploads/430914077968...ycode2.JPG

    و در آخر من امتحان کردم این شد :
    http://up.vbiran.ir/uploads/245201407796...mycode.JPG

    سالم سالم
    ارسال: 11
    ممنون درست شد
    ارسال: 12
    کاشکی میگفتی مشکل از کجا بود !
    ارسال: 13
    کد ها رو درست توی global نذاشتم
    ارسال: 14
    این کد کچا قرار میگیره؟
    ارسال: 15
    اول باید طبق آموزش مای کد رو ثبت کنی
    بعد میتونی تو ارسالا, امضا و... استفاده کنی

    برای عضویت در کانال تلگرامی
    [همیار مای بی بی]
    کلیک کنید
    دریافت آخرین اخبار ، کدهای تخفیف و جوایز
    برای اطلاع از آخرین اخبار مای بی بی فارسی عضو کانال تلگرامی شوید :