[參考]進度條BBCode

自架論壇的樂趣,在於外掛擴展的多樣性,但要謹記莫被眾多擴展迷花了眼,
我有裝的,別人有裝的,你不一定要跟著裝。選擇適合自己的最重要。
本版多為一些外掛的再利用為想法,謹慎取用。
版面規則
自架論壇的樂趣,在於外掛擴展的多樣性,但要謹記莫被眾多擴展迷花了眼,
我有裝的,別人有裝的,你不一定要跟著裝。選擇適合自己的最重要。
本版多為一些外掛的再利用為想法,謹慎取用。
回覆文章
頭像
櫻井綾乃
.※.稜鏡之森の守護使者.※.
.※.稜鏡之森の守護使者.※.
文章: 1331
註冊時間: 週二 2006-03-07 09:08
個人狀態: 論壇爆走中...
性別: 醜醜的大美女
來自: 雲上天國
表達感謝: 68 次
擁有感謝: 837 次
星座:
聯繫:

[參考]進度條BBCode

文章 櫻井綾乃 »

<div style =“ background-color:#1a1a1a; height:15px; padding:5px; width:350px;”> <span style =“ display:inline-block; height:100%; width:45%; background-color :#00BF40;顏色:#FFF;文本對齊:居中;“> 45%</ span> </ div>

設定值
BBCode用法:

代碼: 選擇全部

[progress]{NUMBER}[/progress]
HTML替換:

代碼: 選擇全部

<div style="background-color: #1a1a1a; height: 15px; padding: 5px; width: 350px;"> <span style="display: inline-block; height: 100%; width: {NUMBER}%; background-color: #00BF40; color: #FFF; text-align: center;">{NUMBER}%</span> </div>
幫助專線

代碼: 選擇全部

[progress]Any number between 1-100[/progress]
如果.....
也許.....
這些都是事後的想法
如果會想著當初怎麼做也許會有什麼結果
不如在當初就做出正確的決定.....
有些事不去嚐試是不會真的體會他的奧妙的~
頭像
櫻井綾乃
.※.稜鏡之森の守護使者.※.
.※.稜鏡之森の守護使者.※.
文章: 1331
註冊時間: 週二 2006-03-07 09:08
個人狀態: 論壇爆走中...
性別: 醜醜的大美女
來自: 雲上天國
表達感謝: 68 次
擁有感謝: 837 次
星座:
聯繫:

Re: [參考]BBCode進度條

文章 櫻井綾乃 »

BBCode用法:

代碼: 選擇全部

[progress]{NUMBER}[/progress]
HTML替換:

代碼: 選擇全部

<div style="background-color: #1a1a1a; height: 15px; padding: 5px; width: 350px;"> <span style="display: inline-block; height: 100%; width: {NUMBER}%; background-color: #00BF40; color: #FFF; text-align: center;">{NUMBER}%</span> </div>
幫助專線:

代碼: 選擇全部

[progress]Any number between 1-100[/progress]
[blur][/blur]
如果.....
也許.....
這些都是事後的想法
如果會想著當初怎麼做也許會有什麼結果
不如在當初就做出正確的決定.....
有些事不去嚐試是不會真的體會他的奧妙的~
頭像
櫻井綾乃
.※.稜鏡之森の守護使者.※.
.※.稜鏡之森の守護使者.※.
文章: 1331
註冊時間: 週二 2006-03-07 09:08
個人狀態: 論壇爆走中...
性別: 醜醜的大美女
來自: 雲上天國
表達感謝: 68 次
擁有感謝: 837 次
星座:
聯繫:

Re: [參考]BBCode進度條

文章 櫻井綾乃 »

彩色進度版
BBCode用法:

代碼: 選擇全部

[progress={COLOR}]{NUMBER}[/progress]
HTML替換:

代碼: 選擇全部

<div style="background-color: #1a1a1a; height: 15px; padding: 5px; width: 350px;"> <span style="display: inline-block; height: 100%; width: {NUMBER}%; background-color: {COLOR}; color: #FFF; text-align: center;">{NUMBER}%</span> </div>
幫助專線:

代碼: 選擇全部

[progress=#color]Any number between 1-100[/progress]
如果.....
也許.....
這些都是事後的想法
如果會想著當初怎麼做也許會有什麼結果
不如在當初就做出正確的決定.....
有些事不去嚐試是不會真的體會他的奧妙的~
回覆文章

回到「惡搞の外掛變身篇」