匿名
匿名
發表於 2013-5-28 12:24:57
這篇教學提供給那些剛接觸論壇的新手做為教學參考
* f, B# L" _* k; D6 C9 K0 D+ } 中手老手鹹豬手也來複習一下,或許會有意外的收穫喔!- M. L* ^3 i, t& R7 d
. O, A8 u' x& H 論壇BBCode提供各種比網頁編寫語法更加簡潔便利便的功能,相信許多老手應該都很清楚1 B- _' y$ \2 L; n6 @3 v/ G4 ^
尤其以前有接觸過網頁編寫的人士,更能體會BBCode帶來的便利
: c; Y5 k) U- U1 v( \% r 已經行之多年,並且已經衍生出許多形形色色的代碼
9 N3 e9 Q- ]+ z) f3 F 2 A1 h- A& a ?8 _; q; q
BBCode的特色是需用"[" 和"]" 將代碼框起來
. ^. [% @" q6 V7 r# s* R. S 結束時須在代碼上加"/" 代表結束,簡稱收尾碼0 g2 l4 a4 V. x( f i) ~
( x. ~# h& L4 C+ v6 l3 p, J
一般來說發表文章或回覆時,上面已經有預設各種按鈕,; ?. P8 C0 V' `2 s+ i3 y
請每個都自己按按看,可以滑鼠選字後再修改或是依照按鈕指示進行# d! o1 ~$ i" A8 f( T% q) l4 K. ?
發表回覆時,右上角有一個高級模式可以進入完整的編輯介面
5 a( s! Y4 z j. X9 \
! `& b6 R9 V$ q2 C6 s 以下說明當中代碼部份皆省略"[]" 這個符號,是為了避免系統自動帶入BBCode代碼(以下簡稱代碼) . c) u: \* p( e
* ]4 d, B0 E2 w+ C2 z3 H 一般使用方式有兩種兼用:& R1 Z) |+ |6 C/ t1 M0 {! ^9 a
一、直接輸入代碼法(大小寫視為相同)
3 P1 W. D! d: w/ \6 ^ 二、反白選字修改法 ) i5 U) }5 r# T/ I: E n! G3 z
6 d$ j* b: ]. {& j9 a3 x
: X4 v- A# L. M+ R \
; E% w2 }, J8 y" r
而常用的代碼有以下幾種
2 k X3 o9 s, _7 ?# F) ~2 G, a 1.如何修改字體大小、字型、粗體/斜體/底線、顏色/背景色
1 [% W- ^& b9 V" t1 o" W) g" w6 ~ a.字體大小:
+ a9 B! H% M+ |; N) A# h3 b4 t
' ? n, |" g; J 代碼為size=、/size ,字體大小為1~7,填在= 符號後面6 v, t; H0 u7 V9 G& g3 G# Z! r
例如區大好帥 BJ好棒 BJ好棒 BJ好棒 BJ好棒 BJ好棒 BJ好棒
2 w; o& S! }. N& G 原碼為[size=1]BJ好棒[/size][size=2]BJ好棒[/size][size=3]BJ好棒[/size][size=4]BJ好棒[/size][size=5]BJ好棒[/size][size=6]BJ好棒[/size][size=7]BJ好棒[/size] 複製代碼 b.字型:
9 C7 P: S; K4 y6 y! U. E6 ] 9 S0 b* X: D' ]
代碼為font=、/font ,和字形大小的用法大同小異7 W, ?, m- \5 k
只是= 符號後面變成填入"標楷體"、"黑體" 之類) J- x( q, |5 U* e" {3 V4 _2 q' Q
一般來說是反白選字修改法 比較方便
) s2 {9 {/ m1 a, s7 R 例如BJ好棒
6 j. S) a1 r/ }) L 原碼為c.粗體/斜體/底線:
, `1 S% x7 S/ ]& c
& [3 O/ }6 d) L# _0 ?0 R# e 粗體代碼為b、/b 、斜體為i、/i 、底線為u、/u " ?' y& @$ l2 G4 ~* n8 t. Y
例如BJ好棒 、BJ好棒 、BJ好棒 a0 }+ J2 W6 {: v- Q
原碼為[b]BJ好棒[/b]、[i]BJ好棒[/i]、[u]BJ好棒[/u] 複製代碼 d.字體顏色/背景色: % ]/ ~- _ s/ ~! A
7 r) J' s& ]! U2 m! G I 字體顏色 0 ]. K& A1 v" e4 K* @
代碼為color=、/color ,= 符號後面變成填入顏色的英文
& H$ A5 X" C1 F 例如red、blue等等,如果你夠強,輸入顏色的16進位數也是可以的
( G8 P+ _ C) \/ b1 ] 當然可以用選字後修改的方法,不然有很多顏色不知道怎麼拼,也是一般人常用的方式3 a+ J3 T5 }3 B9 `
例如BJ好棒
~/ S* A3 I& v% m3 ~* @& C3 o 原碼為背景色
6 J7 e2 _3 H1 t; h2 M 用法相同,只是將代碼換成backcolor=、/backcolor
! M( P" w6 [( Z j- `9 P2 t 例如9 g+ P6 W! N$ U& h2 P9 c
BJ好棒 ) I0 D1 ^+ ^# J& i! U
原碼為[backcolor=black][color=white]BJ好棒[/backcolor][/color] 複製代碼 也可以組合文字顏色和背景色製造更多效果,以對比色為佳,例如黑底白字等等 b, u7 U. U" J6 {: b
|& m& z+ E4 u% T
" ^+ J2 K1 M, n/ w6 r& W
- q# M2 V* c* o1 j9 j" j 2.可以組合代碼嗎? & D: v/ G" n2 E; c
可以的,可以將上面說的各種文字用代碼組合起來( j6 t) i/ i; I; U
" ]) y% J$ ?$ D3 A3 i. v0 i$ [
例如BJ好棒好棒真是棒 # `. \9 Q' j' K2 r# [3 g0 E
原碼為[color=red][size=5][b][u][i]BJ好棒好棒真是棒[/color][/b][/size][/i][/u] 複製代碼 記得最後一定要加收尾碼,不然後續的文字會帶入前面的代碼,除非文章是最後尾端就不需要了
3 R; z1 e3 L' T+ ]7 I7 E 像我簽名檔那樣多色文字其實也只是將代碼一一帶入$ n5 Y! _6 T" L+ S( l
例如BJ 好棒 好棒 真是棒
7 ^8 H3 [* B Z+ ] 原碼為[i][color=blue][size=7][b][u][color=orange]BJ[/size][/color][/i][/u][size=4]好[color=red]棒[/color]好[color=purple]棒[/color]真是[color=lime]棒[/color][/color][/b][/size] 複製代碼 底線顏色和字的顏色不同也是可以辦到的,就看代碼擺放的順序
" h( L8 f# n5 Q- ?- m9 D
9 ~* S0 I. P' |3 Z
" D4 s, X# [, M g4 l D & l& B! k" U, w( F# W
3.如何貼圖、改圖片大小 7 g' \8 E) O a5 D
論壇提供了兩種貼圖的方法,一種是上傳論壇,另一種是上傳到網路空間後再貼出, e. \ @. B j9 u% J0 u
差別在於,上傳論壇圖片的會顯示在首頁最新圖片預覽中,而網路空間的不會- ~$ I" E1 L1 x& [- `
* Z* D7 j6 k8 m7 C F" i
a.上傳論壇法 , H9 d d J3 T, P9 v$ B
方法很簡單,按下上方圖片按鈕,照步驟選擇電腦中的圖片按上傳即可. A8 T0 ^; I3 g' C! V
0 y- z8 t+ q8 q% l0 C 但請注意...(重要) 0 ^% R4 ]: e( ^! B
貼圖區請勿上傳圖片到論壇,因為大量上傳圖片會造成論壇主機負荷增加 (現已無此限制) ; D' R) n9 v3 u: s8 q* q
別忘了除了檔案佔空間外,讀取也是會算流量的,同時違反版規會被扣金* g% p3 h/ R" Q) X- h' Y- Y
所以請將圖片上傳到免費空間後再貼圖... % w; |% ]' U& y: N5 B
% X& x' Z/ `* b! ?! E/ Z2 s b.免費圖空貼圖法
' I0 p% A" w& s3 U. B7 m5 I: S 圖片空間有很多,各位可以參考這篇$ U. I$ z( U' ]# j: |) L/ W6 l* E
[原創][教學]不用再為圖片煩惱 5 D/ [4 R0 I( Z& C9 V( O
/ f( l @; F6 L 或是可以自己上網找空間,這部落格收集很多免費圖空,可以參考一下/ p9 ], G) f3 t$ x
免費資源網路社群-圖片空間
. q9 x# O: q; N! V+ t& R 但請注意各空間的規範,有些不支援hotlink、有些有限制流量、不能貼18禁等等8 @1 C( R* p: t/ Q% `1 b
! H+ X+ ~8 T7 S8 U 以目前多人常用的imgur空間 為例,上傳法請參閱上面那篇"不用再為圖片煩惱" 教學文" `: |! h3 c/ O8 o8 b
/ u; C& K2 n" g! ^7 r' l! I8 k$ C
貼圖代碼為img、/img 8 ~* a+ g: i0 n* x6 ?0 W
例如這張圖片,上傳之後網址為http://i.imgur.com/diFT9jF.jpg
- v5 x; V8 h$ l4 I% D W 加入img代碼後變成
2 |0 v; c1 Z1 m6 y: m: ~1 J* u* n4 y 3 Q$ B# r T. u$ h, |# H! y
) C8 N2 ]" W# m; e
原碼為[img]http://i.imgur.com/diFT9jF.jpg[/img] 複製代碼 c.貼圖時改圖片大小
) T, E7 u* _# L8 R, P 只要在img碼後面加入要改的大小幾乘幾用逗號分開即可,或是按鍵步驟中亦有此空格可填& {9 m8 n3 }3 ^# [; k- u
例如
" _( I+ o- {: P3 c2 w
1 ~) i* O9 e! I2 j/ Z) x8 E 原碼為[img=400,600]http://i.imgur.com/diFT9jF.jpg[/img] 複製代碼 # W( I7 |- W6 p* x! u4 `
5 w" C& c% U7 G A6 K 4.如何加入附件、超聯結、影片 " [" l, p3 k+ B; i! o/ e' A1 i
4 p1 Q$ c; F- O }3 Q
a.加入附件 5 ?# m9 T" s- m. Z7 V
很簡單,照著按鍵步驟一步一步來即可,但請注意各版版規3 r+ C1 i$ @9 u1 M& Q3 C" e
& O: `& W: v: @; x
b.加入超聯結
7 {- h; P, ]) L5 s8 r3 ] 一樣,照著按鍵步驟一步一步來
9 Z2 u' B* T9 g9 e) Z 或是可以直接用url、/url代碼操作
4 P v! e& A* r 例如上面的圖片聯結
; i( k2 {6 A( w& I' G$ l http://i.imgur.com/diFT9jF.jpg 6 e7 E$ f" Z$ p3 ^, j2 t, U8 l
原碼為[url]http://i.imgur.com/diFT9jF.jpg[/url] 複製代碼 另一個方法,在聯結中插入想要的文字敘述
) q$ R' w, h% J' v# U- q7 M# t3 e! X 例如蓮妹好萌
0 E; Z% x- X9 [* B' _ 原碼為[url=http://i.imgur.com/diFT9jF.jpg]蓮妹好萌[/url] 複製代碼 c.插入影片
* _" M- t. [6 E. \8 [# z 論壇提供三個站的插入影片BBCode碼,分別為youtube、xvideos和pornhub % D) a0 Z( F7 T1 N6 y c& ?
基本上也是照按鍵步驟來即可6 l# C5 X) N2 b6 S0 ?
3 C6 V- q. `8 D' h
youtube
! A$ @2 }! Q* ~3 Y) e& b5 \0 O 代碼為youtube、/youtube
: C5 ]0 z+ |3 D O 例如變喪屍後,如何保護自己的小孩 這部影片
: R& }: `# L. _5 g$ `. ? 網址如下+ e, l, P9 c9 C, I$ p- l8 `
http://www.youtube.com/watch?v=beGCbc7ti2M V9 E6 h& O g# y- i3 F
; W$ Y# X$ f- P2 z
注意後面的beGCbc7ti2M $ q2 e; {! U g
將其加入代碼之中即可
* I3 D4 e/ r9 m7 w3 [& t VIDEO 5 z C/ A9 O+ @* V1 f2 q! m& L
原碼為[youtube]beGCbc7ti2M[/youtube] 複製代碼 xvideo
2 ]; G. ?9 w9 W' O, c 代碼為xvideos、/xvideos
8 P, H* A3 K& A2 [ 例如海綿寶寶A片版 SpongeBob SquarePants 這部影片' n/ m0 X% F( V4 X
網址如下
/ j" p$ q: h& _; d2 ]* _( F' L: O http://www.xvideos.com/video3875571/spongeknob_squarenuts 4 e6 P* ?3 B+ ^2 p
0 Y5 }( r3 ^8 y* n6 l7 X! _
注意中間的3875571
' ~9 U& n! v9 V 將其加入代碼之中即可
* O/ c8 N! p. |0 \ + Z; V8 [# t. p# K1 t- o6 P
原碼為[xvideos]3875571[/xvideos] 複製代碼 pornhub : e; _0 V1 I+ x/ Q4 y9 Z
代碼為por、/por 2 I: V, n4 o" G' l9 a/ b
例如哈林搖搖搖 這部影片
. w% p" k. x/ _/ _ 網址如下; G- c* N8 c# w, |# N4 [8 O9 R
http://www.pornhub.com/view_video.php?viewkey=1543006267
2 W4 J$ @7 g3 |& T7 R 注意後面的1543006267 1 ~( _0 S' M5 ^
將其加入代碼之中即可
8 M, u) y0 C2 a/ B$ o; d2 I, T( x Asian Maid Didn't Clean The Room brought to you by PornHub / Z% ?( H: F0 ]1 h* B5 [1 P
原碼為" z3 B2 N5 O2 S g( X9 D: Y! C
8 ]. d# a. o3 T7 f
5.如何使用感謝代碼
E1 f6 b7 [2 J6 U3 x4 H; {
6 u, Q( F6 s( s5 V/ ]' \* S 其實非常容易,代碼為thanks、/thanks 5 H# J! S# S3 V& n" t) h N
就是在想要讓人按感謝的文前文後加入這兩個代碼即可,而內容可以是文字、影片、聯結、附件或是圖片等等
; h$ S K- T; ^7 ^8 a 而也有該按鍵可以按,結果也是相同
+ |$ p4 R, x a% J6 G- P) a" b
( b7 J3 U; x: N6 Y. z# P0 ~+ m; F i 例如...(怕各位字看太多想睡覺,特地放上裸裸美圖一張) 9 X) {+ `& j" {: |0 D c
[thanks]5 t& V; J- O: g, D5 w9 I
# C8 i! J7 K! n) l# ]# F [/thanks]/ s' N0 F# Q7 X( ]
, d( C& j( X* V" R7 h h
原碼為[thanks][ attachimg ]269758[ /attachimg ][/thanks] 複製代碼 就是這麼簡單....(因上傳附件不會顯示在code代碼裡,故在附件碼前後加空白) * P( A. v8 B0 R! G2 k+ K* F) S( y- `' i" I! v
$ t6 W7 A9 p* Q+ O5 N 3 |: }* K% x4 T: A
6.其他代碼 * m# |2 }6 a- V! p1 D
其實還有很多功能9 [0 f& U4 v1 ~) C" u9 P
相信看完上面那些後,這些功能應該也能得心應手,當然也可以配合上面所說組合使用4 ^1 @. [. S% m2 i/ K# N" [
% f/ }! _/ T$ g" n' `( d( B a.置左、置中、置右 0 x' h7 |) I/ i) @& k4 w% I! ^
代碼為align=、/align ,對應的英文為left、center及right
2 Y+ X Y! V, q 效果為
# y* ^* m' V; W$ G BJ好棒
+ \2 o( A- d4 b4 i+ d7 s- j BJ好棒
2 |" p, V! v& D. p0 c
BJ好棒
0 c! B. F, b' F0 ~/ S 原碼為[align=left][b]BJ好棒[/b][/align]
* Q2 P' B2 p" V( ]5 a6 n' G [align=center][b]BJ好棒[/b][/align]
/ d" ]' O7 z7 a7 S$ N [align=right][b]BJ好棒[/b][/align] 複製代碼 b.浮動效果 - w! j# C+ K7 P' ]7 [3 f
代碼為float=、/float ,對應英文為left、right & b8 y7 t; g7 f
不過似乎看不見效果,也不常用,就忽略它吧!
% b. s$ m: U$ j( N/ Y# ~
6 D) K1 J$ T- y, q( R% D c.表格及列表 5 d1 l: f7 D- R4 k# m$ P
表格
. w: A* |$ f0 J6 P0 o 基本上照著按鍵指示操作即可,表格用法比較複雜,但其實也不難" F x5 t1 Y5 ]- ^* c
簡單來說就事先做好表格在td、/td之間填入內容,可以自己試試看,但實際應用層面不大....就...無視吧!$ {* i1 N* J4 i
1 l- ]6 R$ h6 L 列表 ; Z% |1 Q! e3 f1 [
我舉例說明比較快
* d* d! e7 [; V( G. O; d1 v: @ 2 D8 Z" d }$ v9 G% L( Z
BJ讓我吃好魚 BJ有神快去拜 BJ讓我被搾乾
v& `& j' l+ |; p& ~6 r
3 v5 z* u4 V) b- q; j, Y
B; p/ Z$ G7 s, s8 @) I6 ^, _ 原碼為[list=1]
# Z2 V5 P' Y" e( I( h) U1 i0 G- G [*]BJ讓我吃好魚
$ p& O; E+ x3 v3 X7 q( u [*]BJ有神快去拜
5 z% E; [ T! }7 i X9 }& D [*]BJ讓我被搾乾0 q( f! B# g# t/ J) W2 s% O' K8 q
[/list] 複製代碼 其中list、/list 為代碼,"*" 表示列出幾個項目
5 a' [& M) ~2 h8 t5 y8 O( V& Z! I
: K' ]) @. m' e$ ^* L 而也可以將數字"1"換成英文變成a...b...c排序,當然也可以配合前面的所有代碼運用
( E- M: B8 w) M4 A: u 範例如下" l- j0 h2 B, v0 |4 C3 E$ H- f8 g
BJ讓我吃好魚 BJ有神快去拜 BJ讓我被搾乾 & g A# z/ ^ P
6 r% _: y2 e8 l& H2 N9 ]& F2 Q 9 V- v2 i$ o0 U9 ?' M3 E8 F% i+ C
原碼為[list=a]3 H2 @$ {. f8 w! [7 B/ ^7 R
[*][color=red][u]BJ讓我吃好魚[/color][/u]
& Y; Y2 P0 K& u& N [*][color=royalblue][i][b]BJ有神快去拜[/color][/i][/b]
( B3 E) [) C9 ]5 l6 h) V/ G) N9 v [*][color=brown][b]BJ讓我被搾乾[/b][/color]: b$ w" G1 u0 `, U e
[/list] 複製代碼 d.代碼視窗、引言及分隔線 6 {& S$ Q& h7 j6 a( L# R
& x1 R0 w* V d J2 H
代碼視窗
3 Z" e) I- g/ d 代碼為code、/code ,上面看了一堆這個視窗,我應該不用再多說了吧!/ s c1 i1 h0 X) p6 t5 _
' c: |& q5 [3 r9 @, P' ~' O 引言 ! [" _' N& s8 ~
代碼為quote、/quote
) b) b$ |8 `1 j6 h3 R( I% h 例如1 e( ~3 s/ ?4 E6 [& l
+ D) m/ B' l/ j( u- f 原碼,當然可以組合代碼使用[quote][color=royalblue][b]BJ有神快去拜[/b][/color][/quote] 複製代碼 分隔線
4 G. @ L$ H# `9 S: R: a6 N" x 這沒啥好講的,直接用就好了,代碼為hr ,上面已經用了很多條了% Q" g r7 q0 d+ K: B3 @
+ E* |' q# Q# n/ o: K% _# @
' P! F7 A3 M3 D: V$ r$ B
6 D7 t9 L! k: i" e* B 講完了,各位看完這篇,相信您已經可以縱橫各大論壇了,幾乎所有的論壇都是這套系統
0 g1 P3 Q% ?7 d5 _/ _" i 差別在於一些比較獨特的代碼,但全部大同小異...
- m" r' A& L: p' v
. @& S" [1 `$ `) l. H
總評分: 威望 + 1
查看全部評分