20-abzar
ارسال‌ها : 1141
عضویت: 22 /8 /1393
محل زندگی: gorgan
سن: 23
شناسه یاهو: تلگرام @seyed_admin
تشکرها : 203
تشکر شده : 244
|
نوار پیشرفت حرفه ای در ۵ رنگ
در این تاپیک قصد دارم تا یک کد کاربردی
دیگه که برای برخی از وبلاگ ها و یا سایت ها مورد نیاز هست رو معرفی کنم.
نوار پیشرفت کاملا” حرفه ای در ۵ رنگ متفاوت و با امکان درج درصد برای
پیشرفت کار می تونه یک از بخش های مورد نیاز برای سایت های طراحی و یا
آموزشی باشه
در زیر بسته دانلود این فایل با پیش نمایش کد گذاشته شده برای استفاده هم از آموزش زیر بهره ببرید:
در ابتدا قطعه کد زیر رو در قسمت 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 |
|
