BBCode研究会

フォーラムに関する質問や要望があったらここにお願いします。
  • (PostNo.295202)

BBCode研究会

投稿記事by 農民T » 2017年2月07日(火) 02:13

BBCode研究会とは
BBCode研究会とは、非公式フォーラムで使えるBBCodeを組み合わせて
素敵なデザイン便利なコードを探っていくユーザー主体の研究会です。
思いついたタグや、見かけたイケてるタグの組み合わせを書き込みましょう。
またコードを組み合わせる際のコツに関するお話もOK!

BBCodeはそのまま書き込むと変換されてしまうので [code] タグを使って書き込んで下さい。

こうしたデザインはアイデアに属する物で、著作権は発生しないはずですが
イケてるデザインを紹介する人は、出典元を書くようにしましょう。
サイン フォーラムの運営をお手伝いしてます 農民T@Twitter / ホームページ / グローバルモデレータ宛PM
アバター
農民T
ID:7ad2beae
ラピスラズリ収集家
 
記事: 1036
登録日時: 2011年7月05日(火) 02:36
お住まい: 幻想郷 人里

  • (PostNo.295662)

Re: BBCode研究会

投稿記事by 農民T » 2017年2月12日(日) 16:12


総合質問トピ用のコード
ピンク色でファンシーな感じにした


phpBBでは改行を入れると<br>が入ってしまうので
BBCodeを複数組み合わせる時は改行なしで入れる必要がありますね。

コード: 全て選択
[bg2=#FFCFFF][hr]#FF80BF[/hr][center][b][color=#FF40FF]総合質問トピ用のコード
ピンク色でファンシーな感じにした
[/center][hr]#FF80BF[/hr][/bg2]
サイン フォーラムの運営をお手伝いしてます 農民T@Twitter / ホームページ / グローバルモデレータ宛PM
アバター
農民T
ID:7ad2beae
ラピスラズリ収集家
 
記事: 1036
登録日時: 2011年7月05日(火) 02:36
お住まい: 幻想郷 人里

  • (PostNo.295737)

Re: BBCode研究会

投稿記事by shift » 2017年2月13日(月) 17:06

 
Markdown風デザイン(h1)


サブタイトル(h2)


サブサブタイトル(h3)
 
 


Markdown風のデザインを作成してみました h1~h3まであります。

コード: 全て選択
[bg2=#FFFFFF] [padding=0px 16px][size=200]Markdown風デザイン(h1)[/size]
[hr=solid 3px ]#ccc[/hr]
[size=160]サブタイトル(h2)[/size]
[hr=solid 2px ]#ccc[/hr]
[size=120]サブサブタイトル(h3)[/size]
[/padding][/bg2]
サイン ・Modを作っています
画像
shift
ID:c5effdfb
金掘り
 
記事: 355
登録日時: 2012年4月02日(月) 22:16

  • (PostNo.295740)

Re: BBCode研究会

投稿記事by shift » 2017年2月13日(月) 17:11

 
モデレーターがよく使うやつ
ここに説明を入れる

 
 


モデレーターが説明とかする時によく使っているBBCode、[head]と[note]を組み合わせている。

コード: 全て選択
[head]モデレーターがよく使うやつ[/head][note]ここに説明を入れる

 
 [/note]
サイン ・Modを作っています
画像
shift
ID:c5effdfb
金掘り
 
記事: 355
登録日時: 2012年4月02日(月) 22:16

  • (PostNo.296720)

Re: BBCode研究会

投稿記事by 農民T » 2017年2月25日(土) 21:43

見出しのパターン


★見出し


| 見出し

見出し



コード: 全て選択
[bg2=palegreen][hr]darkgreen[/hr][padding][size=200][b][color=darkgreen]★見出し[/color][/b][/size][/padding][hr]darkgreen[/hr][/bg2]

コード: 全て選択
[bg2=palegreen][size=200][color=darkgreen][bg=darkgreen]|[/bg] 見出し[/color][/size][/bg2]

コード: 全て選択
[bg2=white][padding=5px 5px 0px][b][color=darkgreen][size=200]★[/size][size=150]見出し[/size][/color][/b][/padding][hr]darkgreen[/hr][/bg2]
サイン フォーラムの運営をお手伝いしてます 農民T@Twitter / ホームページ / グローバルモデレータ宛PM
アバター
農民T
ID:7ea6ca09
ラピスラズリ収集家
 
記事: 1036
登録日時: 2011年7月05日(火) 02:36
お住まい: 幻想郷 人里

  • (PostNo.296747)

Re: BBCode研究会

投稿記事by 蜘蛛パーカー » 2017年2月26日(日) 01:26

コード: 全て選択
codeを少し装飾


コード: 全て選択
[head][code]codeを少し装飾[/code][/head]
Spiderparker's sign 人外好きなのは内緒
▼現在RPG製作中・・・。詳しくは>ここをクリック
テクスチャ作成等依頼のある方はPMにどうぞ。スキンは無理

マイクラに関して質問するトコ 何か書く前に読むトコ 間違えた投稿を消すトコ
アバター
蜘蛛パーカー
ID:1d7e4b0a
レッドストーン掘り
 
記事: 595
登録日時: 2016年9月10日(土) 18:31
お住まい: マッチ箱

  • (PostNo.296910)

Re: BBCode研究会

投稿記事by 農民T » 2017年2月27日(月) 19:28

見出し

コード: 全て選択
[head=green]見出し[/head]


見出し

コード: 全て選択
[bg2=black][padding=2px][bg3=green][padding][color=white][size=150][b]見出し[/b][/size][/color][/padding][/bg3][/padding][/bg2]


見出し

コード: 全て選択
[bg2=green][padding=4px][bg3=palegreen][padding][color=darkgreen][size=150][b]見出し[/b][/size][/color][/padding][/bg3][/padding][/bg2]


枠付きの文章
padding はそのままだとネスト不可ですが
padding= と padding の組み合わせなら可能なようです。

コード: 全て選択
[bg2=green][padding=5px][bg3=white][padding][color=darkgreen]枠付きの文章[/color][/padding][/bg3][/padding][/bg2]
サイン フォーラムの運営をお手伝いしてます 農民T@Twitter / ホームページ / グローバルモデレータ宛PM
アバター
農民T
ID:7ea6ca09
ラピスラズリ収集家
 
記事: 1036
登録日時: 2011年7月05日(火) 02:36
お住まい: 幻想郷 人里


Return to フォーラムに関する質問/要望

x