SandBox/各種編集テンプレート

SandBox: お砂場(練習ページ)です。

色

当Wikiの性質上、白色と黄色の文字は背景色と同化し見えにくくなります。
使用する際は、暗い色や背景色との組み合わせをお試しください。

基本16色

編集画面ツールパーに収録済。
文字選択中にペンマークをクリックし、色を選択すると即座に着色できます
■■■■■■■■
■■■■■■■■

カラーコード一覧(完成版)

colorのカッコ()内を以下の文字列に置き換えると指定した色に着色できます

CSS3拡張色

216色セーフカラー基準

属性

これより先は推奨カラーを掲載。
記載された状況に合わせてご活用ください

火属性 (Red)、水属性 (Blue)

氷属性 (DeepSkyBlue)、雷属性 (goldenrod)

龍属性 (Maroon)

毒属性 (Purple)、麻痺属性 (Olive)

睡眠属性 (Teal)、爆破属性 (Orange)

氷や水は使われる色が逆になったりAquaのときもある
龍はPurpleが使われている場合もあるが毒とかぶるためMaroonの方が無難か
雷属性はよくGoldやYellowが使われているが、この通り非常に見にくいのでgoldenrodの使用を推奨。

複属性

炎属性 (#d60700)、光属性 (darkkhaki)

雷極属性 (#c4b762) 、天翔属性 (#4ae7ba)

熾凍属性 (#75668e)、奏属性 (Royalblue)

黒焔属性 (#860e54) 、闇属性 (#330688)

紅魔属性 (#b01028) 、風属性 (Gray)

響属性 (Darkslateblue)、灼零属性(indigo)

皇鳴属性(darkgoldenrod)

状態異常

泥まみれ (Brown)

裂傷状態 (Red)

泡まみれ (Deepskyblue)

粘液まみれ (MidnightBlue)

劫血やられ (deeppink)

斬れ味

赤 (Red)

橙 (DarkOrange)

黄 (Gold)

緑 (Green)

青 (Blue)

白 (Gray)

紫 (Fuchsia)

空 (Darkturquoise) 空 (Aqua)

緑はLimeGreen、紫はPurpleが使われている場合もあり
白にSilverが使われていることがあるが読みやすさ的にはもう少し色の濃いGrayを推奨
空はシステム/斬れ味ではDarkturquoiseが使われているが各武器ページなどではAquaが多い。

形態変化

ジンオウガ

• 超帯電状態 (turquoise)

ジンオウガ亜種

• 龍光まとい (Maroon)

金雷公ジンオウガ

• 真帯電状態 (goldenrod)

ラージャン、激昂したラージャン

• 闘気硬化 (Maroon)

ティガレックス希少種

• 爆轟状態 (Maroon)

ディノバルド

• 通常状態 (Blue)
• 尻尾赤熱状態 (Red)
• 尻尾錆び状態 (brown)

ディノバルド亜種

• 結晶増加状態 (Olive)
• 研ぎ状態 (Teal)

燼滅刃ディノバルド

• 爆熱状態 (Maroon)

ライゼクス

• 部位電荷状態 (limegreen)

青電主ライゼクス

• 青電荷状態 (turquoise)

天眼タマミツネ

• 無明状態 (grey)
• 天眼状態 (blue)

オストガロア

• 索餌形態 (grey)
• 捕食形態 (blue)
• 瘴龍ブレス形態 (maroon)

鏖魔ディアブロス

• 暴走状態 (red)
• 狂暴走状態 (Red,Darkblue)

プケプケ

• 毒液活性化状態 (purple)

トビカガチ

• 帯電状態 (lightskyblue)
• 高圧帯電状態 (deepskyblue)

アンジャナフ

• 炎熱蓄積状態 (red)

オドガロン、オドガロン亜種

• 強暴化状態 (red)

テオ・テスカトル

• 龍炎纏い形態 (red)
• 粉塵纏い形態 (orange)

ゼノ・ジーヴァ、ムフェト・ジーヴァ

• 臨界状態 (deepskyblue)

紅蓮滾るバゼルギウス

• 紅蓮状態 (blueviolet)

イヴェルカーナ

• 氷纏い形態 (deepskyblue)

ネロミェール

• 水纏い形態 (blue)
• 雷纏い形態 (goldenrod)

リオレウス希少種、リオレイア希少種

• 劫炎状態 (#0080ff)

猛り爆ぜるブラキディオス

• 粘菌変異活性状態 (maroon)

アルバトリオン

• 炎活性化状態 (Red)
• 氷活性化状態 (deepSkyBlue)
• 龍活性化状態 (Purple)

マガイマガド

• 鬼火臨界状態 (fuchsia)

怨嗟響めくマガイマガド

• 鬼火漏出状態 (fuchsia)
• 一極鬼火状態 (deeppink)
• 二極鬼火状態 (darkred)

奇しき赫耀のバルファルク

• 龍気解放状態 (maroon)

ガランゴルム

• 溶岩纏い (maroon)
• 苔纏い (green)

ルナガロン

• 氷衣状態 (deepSkyBlue)

メル・ゼナ

• 血氣活性状態 (crimson)

ガイアデルム

• 冥流解放状態 (maroon)
• 冥流奔騰状態 (red)

ナルガクルガ希少種

• 猛棘化状態 (purple)

タマミツネ希少種

• 白焔状態 (#9999ff)

傀異克服古龍

• 傀氣脈動状態 (orange)

音色

白 (Gray)、紫 (Purple)

青 (Blue)、赤(Red)

緑 (Green)、黄 (Gold)

空 (DeepSkyBlue)、橙 (DarkOrange)

刃薬

会心の刃薬、減気の刃薬

重撃の刃薬、心眼の刃薬

剣晶

• 属性剣晶
  火炎剣、水激剣、雷神剣、氷結剣、龍王剣の5種類がある。
• 状態異常剣晶
  猛毒剣、麻痺剣、睡眠剣の3種類。

アイテムビン

空きビン、強撃ビン、属性強化ビン

毒ビン、麻痺ビン、睡眠ビン

接撃ビン、ペイントビン

減気ビン、打撃ビン

爆破ビン、爆撃ビン

アックスビン

• スラッシュアックス(剣斧)

強撃ビン、強属性ビン

滅龍ビン、麻痺ビン

毒ビン、減気ビン

• チャージアックス(盾斧)

榴弾ビン、強属性ビン

比較

桃

◆ペイントビン (Fuchsia)
◆属性強化ビン (Hotpink)

紫

◆滅龍ビン (Maroon)
◆龍王剣 (Purple)
◆毒ビン (Purple)
◆毒ビン (龍属性と識別用: Blueviolet)

青緑(元の色味に近くなるように)

◆強属性ビン (可読性悪し: Lime)
◆強属性ビン (睡眠ビンと識別用: Lightseagreen)
◆強属性ビン (Limegreen)
◆強属性ビン (Green)
◆睡眠剣 (Teal)
◆睡眠ビン (氷/強属性ビンと識別用: Cornflowerblue)
◆睡眠ビン (Deepskyblue)
◆氷結剣 (Deepskyblue)
◆空色ゲージ (Darkturquoise)
◆水激剣 (Blue)
◆減気ビン (Blue)
◆減気 ビン (水属性と識別用: Navy)

睡眠ビンをtealから外すと水・氷属性に被ってしまう。
画面上の色として睡眠ビンは薄水色である。
同様に龍剣晶と毒属性は被っている。
しかし、滅龍ビンや龍やられのイメージからか
龍属性はMaroon(#800000)が多用されており問題にはなっていない
一方、減気と水属性は同時に使われる機会があり
配色に配慮する必要があるかも知れない。

標準16色から割り当てたもの

◆強属性ビン (Green)
◆睡眠ビン (Teal)
◆減気ビン (Navy)
◆氷結剣 (Deepskyblue)
◆水激剣 (Blue)

Green(#008000)とTeal(#008080)の判別性が悪くなる

黄

◆雷属性(Gold)
◆雷属性(Goldenrod)
◆雷属性(#e5da0b)
◆雷属性(#c4a500)
◆雷属性(#d6b400)
◆雷属性(#c4c000)
◆麻痺属性(Olive)
◆爆破属性(Orange)

土台(見出し1)

• 当大辞典Wikiにてよく使われている/活かしやすい表現の土台達

見出し2

• 基本編：まずは一回試してみよう!
  　　応用編：慣れてきたら使ってみよう!

見出し3

• リンク(編集ルールへLet's go!)
  　　特定の位置に飛ぶ(禁止行為にも目を通そう!)
• 強調したい！
  　　大きな文字で
• 何だか斜めだ
  　　そう、台詞を呟く様に…
• 取消線で失礼
  　　え?失礼なら書くなって?
• 下線を引こう
  　　ココ重要ですヨ！
• 色を付けたい
  　　例えばこんな注意表示にも
• 注釈を付ける*1
  　　隣に出ていた番号を押してみよう

  参考

  -[[リンク(編集ルールへLet's go!)>編集ルール]]
  　　[[特定の位置に飛ぶ(禁止行為にも目を通そう!)>編集ルール#hb66e91a]]
  -''強調したい！''
  　　&size(20){''大きな文字で''};
  -'''何だか斜めだ'''
  　　'''そう、台詞を呟く様に…'''
  -%%取消線で失礼%%
  　　&color(silver){%%え?失礼なら書くなって?%%};
  -%%%下線を引こう%%%
  　　%%%''ココ''重要ですヨ！%%%
  -&color(red){色を付けたい};
  　　&color(yellow,black){例えばこんな注意表示にも};
  -注釈を付ける((表示されていた番号に飛んで行くよ))
  　　隣に出ていた番号を押してみよう
  //ページに載せずにひっそりと
  //#br または &br;
  //↑強制的に一行空ける
  

その他の表現の皆さん

• 箇条書き1
  • 箇条書き2
    • 箇条書き3
       
  • 箇条書き2でも下の様に崩れる時があります

• そんな時は空行を無くすか、直前の行に「-」だけを入れてみましょう*2

1. 番号1-1
2. 番号1-2
3. 番号1-3
   1. 番号2-1
   2. 番号2-2
   3. 番号2-3
      1. 番号3-1
      2. 番号3-2
      3. 番号3-3

定義1

いろはにほへと ちりぬるを
わかよたれそ　 つれならむ
うゐのおくやま けふこえて
あさきゆめみし ゑひもせす

定義2

ABCDEFG
HIJKLMNOP
QRSTUVWXYZ

定義3

因みに下の様に箇条書き関連を組み合わせると崩れます

• 崩さない為には箇条書き関連を使わないのは勿論、空行を挟まずに改行しましょう*3

引用文1

引用文2

引用文3

• 小さく折り畳む

  ←を押してみよう

  ←を押すともう一度畳めるヨ!
  使い過ぎるとページが重くなるから気を付けよう

• AA(アスキーアート)の表示

  AA

  　 　 ○○○ 　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　______　______
  　　○ ･ω･ ○ つよいぶき よわいぶき そんなのひとのかって　＼　∨　／
  　　　○○○ 　 ほんとうにつよい はんたーなら　　　　　　　　　　＜oﾟωﾟo＞
  　　.<(,_ｕｕﾉ　　 じぶんのすきなぶきで かてるようになるべき　　 .c(,_ｕｕﾉ
  

• 表を作りたい時は…
   

#shadowheader(3,その他の表現の皆さん)
-箇条書き1
--箇条書き2
---箇条書き3
#br
-
--&color(silver){箇条書き2でも下の様に崩れる時があります};

--&color(silver){そんな時は空行を無くすか、直前の行に「-」だけを入れてみましょう};((箇条書き3を直す場合は「--」))

+番号1-1
+番号1-2
+番号1-3
++番号2-1
++番号2-2
++番号2-3
+++番号3-1
+++番号3-2
+++番号3-3

:定義1|いろはにほへと ちりぬるを
わかよたれそ　 つれならむ
うゐのおくやま けふこえて
あさきゆめみし ゑひもせす
::定義2|ABCDEFG
HIJKLMNOP
QRSTUVWXYZ
:::定義3|因みに下の様に箇条書き関連を組み合わせると崩れます
-&color(silver){崩さない為には箇条書き関連を使わないのは勿論、空行を挟まずに改行しましょう};((定義1であれば箇条書き2が、定義2であれば箇条書き3が丁度良い位置に来ます))

>引用文1
>>引用文2
>>>引用文3

#br
-小さく折り畳む
#fold(←を押してみよう){{
←を押すともう一度畳めるヨ!
使い過ぎるとページが重くなるから気を付けよう
}}
//#region(項目名),#endregionで囲っても同じ動作になります。

#br
-AA(アスキーアート)の表示
#region(AA)
#aa{{
　 　 ○○○ 　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　______　______
　　○ ･ω･ ○ つよいぶき よわいぶき そんなのひとのかって　＼　∨　／
　　　○○○ 　 ほんとうにつよい はんたーなら　　　　　　　　　　＜oﾟωﾟo＞
　　.<(,_ｕｕﾉ　　 じぶんのすきなぶきで かてるようになるべき　　 .c(,_ｕｕﾉ
}}
#endregion

#br
-表を作りたい時は…
#br

|~　|~　|~　|~　|~　|h
||BGCOLOR(white):COLOR(black):|BGCOLOR(white):COLOR(black):|BGCOLOR(white):COLOR(black):|BGCOLOR(white):COLOR(black):|c
|~　|~　|~　|~　|~　|
|~　|~　|~　|~　|~　|
#br

|~武器種|~　|~　|~　|h
||BGCOLOR(white):COLOR(black):|BGCOLOR(white):COLOR(black):|BGCOLOR(white):COLOR(black):|c
|~大剣|~　|~　|~　|
|~太刀|~　|~　|~　|
|~片手剣|~　|~　|~　|
|~双剣|~　|~　|~　|
|~ハンマー|~　|~　|~　|
|~狩猟笛|~　|~　|~　|
|~ランス|~　|~　|~　|
|~ガンランス|~　|~　|~　|
|~スラッシュアックス|~　|~　|~　|
|~スラッシュアックスF|~　|~　|~　|
|~チャージアックス|~　|~　|~　|
|~アクセルアックス|~　|~　|~　|
|~操虫棍|~　|~　|~　|
|~穿龍棍|~　|~　|~　|
|~マグネットスパイク|~　|~　|~　|
|~ライトボウガン|~　|~　|~　|
|~ヘビィボウガン|~　|~　|~　|
|~弓|~　|~　|~　|
|~オトモ武器|~　|~　|~　|
#br

目次に載らない見出し（見出しレベル3）

目次に載らない見出し（にジャンプするように見せかける）

ボックス構造

#flex_containerの中で

#flex_boxを複数記述すると

横に並べられるよ

中央寄せ

いじれる目次

属性、音色、アックスビンだけ表示

2番目の見出しから7番目の見出しまで表示

2番目の見出しから5番先までの見出しまで表示

flex_boxとの合わせ技