زمان جاری : چهارشنبه 30 آبان 1397 - 2:11 قبل از ظهر
نام کاربری : پسورد : یا عضویت | رمز عبور ر فراموش کردم




تابلو اعلانات
elanat

تعداد بازدید 111
20-abzar آفلاین



ارسال‌ها : 1139
عضویت: 22 /8 /1393
محل زندگی: gorgan
سن: 17
شناسه یاهو: music.1377
تشکرها : 202
تشکر شده : 240
مرورگر من :
گوشی: [Custom_Field_Content]
نوار پیشرفت حرفه ای در ۵ رنگ
در این تاپیک قصد دارم تا یک کد کاربردی
دیگه که برای برخی از وبلاگ ها و یا سایت ها مورد نیاز هست رو معرفی کنم.

نوار پیشرفت کاملا” حرفه ای در ۵ رنگ متفاوت و با امکان درج درصد برای
پیشرفت کار می تونه یک از بخش های مورد نیاز برای سایت های طراحی و یا
آموزشی باشه

در زیر بسته دانلود این فایل با پیش نمایش کد گذاشته شده برای استفاده هم از آموزش زیر بهره ببرید:

در ابتدا قطعه کد زیر رو در قسمت head قالب خودتون اضافه کنید

کد:

<link rel=\"stylesheet\" href=\"http://blog-theme.ir/demo/codex/moltikalour/style.css\">




سپس یکی از کد های نوار پیشرفت با رنگ دلخواه خود را در وبلاگ یا سایت خود قرار بدید و درصد مورد نظر را وارد نمایید:

کد:


<div class=\"progress\">
<span style=\"width: 20%;\"><span>20%</span></span>
</div>

<div class=\"progress\">
<span class=\"green\" style=\"width: 40%;\"><span>40%</span></span>
</div>

<div class=\"progress\">
<span class=\"orange\" style=\"width: 60%;\"><span>60%</span></span>
</div>

<div class=\"progress\">
<span class=\"red\" style=\"width: 80%;\"><span>80%</span></span>
</div>

<div class=\"progress\">
<span class=\"blue\" style=\"width: 100%;\"><span>100%</span></span>
</div>



....بیست ابزار....



عاشقانه


. ⇢⇣⇠ اِی روزِگــــــار ⇢⇣⇠


یِکیـــو خوشگِــــل کَــردی●


یِکیـــو پــولـــــدار کَــردی●


یِکیـــو مَشهــــــور کَــردی ●


دَمِــت گَــــرم ➽


مــا رو ↜فَقَــــط↝ کَــــردے♚☞
پنجشنبه 29 مرداد 1394 - 14:03
وب کاربر ارسال پیام نقل قول تشکر گزارش
تشکر شده:
تشکر شده: 1 کاربر از 20-abzar به خاطر این مطلب مفید تشکر کرده اند: koolak91 -





برای ارسال پاسخ ابتدا باید لوگین یا ثبت نام کنید.



کپی برداری از مطالب این انجمن فقط با درج لینک منبع مجاز می باشد. | طراح قالب: Moisrex