[整理]常用的 BBCODE 簡單說明 [論壇 - 新手村]


正在瀏覽:   1 名遊客


 到底部   前一個主題   下一個主題  [無發表權] 請登錄或者註冊



[整理]常用的 BBCODE 簡單說明
會員三級
註冊日期:
2009/3/17 21:45
來自 台北縣永和市
所屬群組:
已註冊使用者
等級: 12
HP : 0 / 283
MP : 59 / 8033
EXP: 35
離線
由於 UBUNTU-TW 在發文時,提供了 HTML 及 BBCODE 的方式來加強內容,不過 HTML 的方式較不方便,BBCODE 較為簡潔,於是試了一下,以下是個人心得。

要注意的是:
  • 由於 XOOPS 會將 [] 這個符號轉譯,所以以下範例,在使用時請將全型的 [] 改為半型的 []
  • BBCODE 基本上由 [控制碼]顯示內容[/控制碼]組成
  • BBCODE 可重覆定義,如 [控制碼1][控制碼2]顯示內容[/控制碼2][/控制碼1]


*** 字體控制 ***

1.字體大小

使用方法:

[size=24px]字體24PX[/size]

顯示:

字體24PX

2. 設定顏色

使用方法:

[color=ff0000]紅色字[/color]

顯示:

紅色字

3. 粗體、斜體、加底線字

使用方法:

[b]粗體字[/b]
[i]斜體字[/i]
[u]加底線[/u]

顯示:

粗體字
斜體字
加底線

*** 條列項目 ***

適當的將內容予以條目化,可讓文章更具可讀性。

使用方法:

[list]
[*]項目 1
[*]項目 2
[*]項目 3[/list]

顯示:
  • 項目 1
  • 項目 2
  • 項目 3

*** 貼 圖 ***

一圖胜百文,往往講個半天,大家可能還是不了解意思,不妨在需要時,貼張圖,大家就很容易了解了。

以下以 UBUNTU-TW 首頁的 LOGO 為例

使用方法:

[img]http://www.ubuntu-tw.org/themes/ubuntu_3141//images/ubuntulogo.png [/img]

顯示:



*** code block(程式碼) ***

網頁會將一些敏感的字像是 <> 過濾掉,想顯示這些字元時,可用 code block 方式。code block 也很適合貼上程式碼、HTML、設定檔、指令.. 等內容。

使用方法:

[code]
<font color='red'>內容以 code block 處理,不會被網頁處理</font>
[/code]

顯示:

<font color='red'>內容以 code block 處理,不會被網頁處理</font>


-------

當然,BBCODE 不止這些,這些不過是其中常用到的一部份。若有其它需求,不妨自行用 GOOGLE 找一下。

2009/3/21 20:09
術業有專攻,聞道有先後,你會我不會,就是我老師。
ubuntu 精神:感同身受,同源一體!
愛用自由軟體,支持開放格式,反對軟體剝削,就從你我開始!
應用擴展 工具箱
回覆: [整理]常用的 BBCODE 簡單說明
會員二級
註冊日期:
2008/8/19 21:59
所屬群組:
已註冊使用者
等級: 6
HP : 0 / 128
MP : 17 / 3840
EXP: 12
離線
感謝c大,很實用的一篇呢!
新手也很容易理解喔~

2009/3/21 21:50
應用擴展 工具箱
回覆: [整理]常用的 BBCODE 簡單說明
管理員
註冊日期:
2009/1/24 18:15
所屬群組:
網站管理員
已註冊使用者
等級: 29
HP : 0 / 712
MP : 377 / 20437
EXP: 48
離線
乾脆就讓這篇成為 BBCode 的教學帖吧 XD

----------

我補充一個:

如果要引述別人說過的話,可以利用 quote 標籤,語法如下:

〔quote=引述對象名字〕
引述對象曾說過的話
〔/quote〕

效果如下:

引述對象名字 寫到:
引述對象曾說過的話


----------

倒是好像不能巢狀重疊的樣子:

外面是藍的,裡面是紅

2009/3/21 22:20
應用擴展 工具箱
回覆: [整理]常用的 BBCODE 簡單說明
會員三級
註冊日期:
2009/3/17 21:45
來自 台北縣永和市
所屬群組:
已註冊使用者
等級: 12
HP : 0 / 283
MP : 59 / 8033
EXP: 35
離線
mosky 寫到:

倒是好像不能巢狀重疊的樣子:

外面是藍的,裡面是紅


改成這樣就可以了。

[color=5050FF]外面是藍的,[/color][color=FF5050]裡面是紅[/color]的

外面是藍的,裡面是紅的。

嗯,是不能巢狀宣告,必需一個對一個。

但是像以下是允許的(可同時設定多個):

[size=24px][color=ff0000][b]同時設定字體大小及紅色、粗體字[/b][/color][/size]

同時設定字體大小及紅色、粗體字

會想到整理這些資料,主要是想貼圖、貼程式碼方便。

另外,UBUNTU-TW 的 BBCODE 和一些網站軟體的設法有些不同,所以建議在使用時,先“預覽觀看”一下。

2009/3/21 23:22
術業有專攻,聞道有先後,你會我不會,就是我老師。
ubuntu 精神:感同身受,同源一體!
愛用自由軟體,支持開放格式,反對軟體剝削,就從你我開始!
應用擴展 工具箱
回覆: [整理]常用的 BBCODE 簡單說明
管理員
註冊日期:
2006/6/9 20:09
來自 草木叢生之所
所屬群組:
網站管理員
已註冊使用者
等級: 23
HP : 0 / 568
MP : 227 / 20699
EXP: 75
離線
以前加過的...還有一個隱藏功能:
[ hidden=主題 ]隱藏起來的內容[/ hidden]

效果:
主題,欲觀看請指向這裡。
隱藏起來的內容

2009/3/22 1:11
~^_^~...快樂用 GNU/Linux 中...
應用擴展 工具箱
回覆: [整理]常用的 BBCODE 簡單說明
會員五級
註冊日期:
2007/3/29 10:54
來自 歹頑
所屬群組:
已註冊使用者
等級: 21
HP : 0 / 506
MP : 177 / 17256
EXP: 27
離線
折疊內容的code阿!!哈很久了
隱藏內容,欲觀看請指向這裡。
原來早就有了(q w q

2009/3/22 1:39
Ubuntu 11.04
* 連到有開內件遠端桌面功能的主機時一片黑解決方式

* 11.04千萬不能在CCSM裡 Reload Default ...不然...解法(#2第1點)
應用擴展 工具箱
回覆: [整理]常用的 BBCODE 簡單說明
會員五級
註冊日期:
2008/10/7 21:19
所屬群組:
已註冊使用者
等級: 36
HP : 179 / 896
MP : 661 / 26512
EXP: 85
離線
有關隱藏內容,我的IE6上不用指向就會自動顯示被隱藏的內容了...
火狐是沒問題

2009/3/22 13:16
I′m UGP
應用擴展 工具箱


 [無發表權] 請登錄或者註冊


可以查看帖子.
不可發帖.
不可回覆.
不可編輯自己的帖子.
不可刪除自己的帖子.
不可發起投票調查.
不可在投票調查中投票.
不可上傳附件.
不可不經審核直接發帖.