集計サンプル - 2chDPオリコ支援+避難所(仮)@ ウィキ

編集を手伝っていただける方向けに
テーブルの作り方やサンプルを並べたページです。

---

中の人メモ

• 配色の凝った表を作成しても携帯での表示には反映されない
• ランキングの項目が多くなり横に広がると、携帯での表示が崩れる
• どう記述しているのかわからない時は、編集でソースを覗いて見るのも良い
• 余裕が有れば、PC用と携帯用の二つのランキングを作ると良いかも
• 携帯非表示、PC非表示を使いこなせば、一つのページで対応が可能
• 配色の追加等、cssカスタマイズの要望が有りましたら運営板へGO

---

基本的な表(テーブル)

↑のページを参考にしつつ作成

シンプル

|で項目や数値を挟んで作るWikiのテーブル編集の基本形
シンプルだが項目が増えるとチト見づらい

rank	name	score	level
1	AAAAA	7777	AAA
2	BBBBB	6666	AA
3	CCCC	5555	A
4	DDD	4444	B
5	EE	3333	C

BGCOLOR使用

BGCOLOR(色指定):を使ったランキング
好きな配色の表を作れるが編集がめんどい

rank	name	score	level
1	AAAAA	7777	AAA
2	BBBBB	6666	AA
3	CCCC	5555	A
4	DDD	4444	B
5	EE	3333	C

セルの結合

Levelや同スコアのプレイヤーをまとめる
後述のcssの利用だと配色が崩れた感じになるので工夫が必要？

rank	name	score	level
1	AAAAA	7777	AAA
2	BBBBB	7776
3	CCCC	7775
4	DDD	4444	B
	EE

---

cssのカスタマイズを利用

こことここと適当なスタイルシートのページを参考に作成
使い方は#divid(*****){改行 ここにランキング記入}
テーブルの終わりを}で閉じることをお忘れなく

公式ランキング風の配色　#divid(ranking_ra1){}

1行目と以降の奇数偶数の背景色変更+セルの中央にテキスト
ranking_ra1_1とranking_ra1_2で、
1行目指定なし奇数偶数行の配色入れ替え

RANK	DJ NAME	SCORE	LEVEL
1	AAAAA	7777	AAA
2	BBBBB	6666	AA
3	CCCC	5555	A
4	DDD	4444	B
5	EE	3333	C

RAイメージカラー　#divid(ranking_ra2){}

RAイメージカラーのオレンジ系の配色
こちらもranking_ra2_1とranking_ra2_2で
一行目の指定なし、奇数偶数行の配色入れ替え有り

RANK	DJ NAME	SCORE	LEVEL
1	AAAAA	7777	AAA
2	BBBBB	6666	AA
3	CCCC	5555	A
4	DDD	4444	B
5	EE	3333	C

おまけ(omake)　*50のオリコでIRをするスレ wiki風

DP☆12オリコのまとめWiki化の際、参考にさせていただいた、
50のオリコでIRをするスレ wiki風のランキングです。
必要な情報がシンプルにまとまってます。

DPN	av.
AAAAA	7777[AAA]
BBBBB	6666[AA]
CCCC	5555[A]

DPH	av.
AAAAA	7777[AAA]
BBBBB	6666[AA]
CCCC	5555[A]
DDD	4444[B]

DPA	av.
AAAAA	7777[AAA]
BBBBB	6666[AA]
CCCC	5555[A]
DDD	4444[B]
EE	3333[C]