『THE THOR』にセットされている【ボックスデザイン】の一覧

この記事では、『THE THOR（ザ・トール）』にセットされているボックスデザインの一覧をご紹介しています。

セットされているボックスデザインの一覧

スタイル内のボックスにセットされているデザインの一覧です。スタイルコードには、テキストエディタに記述されるコードを記載しています。

サブタイトルボーダーボックス

スタイルコード

ep-box es-BsubTradi bgc-white es-borderSolidM es-radius brc-DPred

サブタイトルを設定した場合は、brc-DPredの後ろに「title=”サブタイトル”」が入ります。

コード	解説
ep-box	【ボックス】を指定 スタイル ＞ デフォルトパーツ ＞ ボックス
es-BsubTradi	ボックスパーツ専用の【サブタイトル（角丸）】を指定 スタイル ＞ スタイルセット ＞ ボックスパーツ専用 ＞ サブタイトル（角丸）
bgc-white	ボックスの背景色に【ホワイト】を指定 スタイル ＞ カラーセット ＞ 背景色 ＞ モノトーン ＞ ホワイト
es-borderSolidM	ボックスを囲む線を【オール実線（中）】に指定 スタイル ＞ スタイルセット ＞ ボーダー系 ＞ オール実線（中）
es-radius	ボックスの角を丸くするために【角丸（5px）】を指定 スタイル ＞ スタイルセット ＞ 角丸系 ＞ 角丸（5px）
brc-DPred	囲み線の色を【ディープトーン・レッド】に指定 スタイル ＞ カラーセット ＞ ボーダー色 ＞ ディープトーン ＞ レッド

BIG括弧ボックス

スタイルコード

ep-box es-Bbrackets bgc-white es-center es-bold es-FbigL

コード	解説
ep-box	【ボックス】を指定 スタイル ＞ デフォルトパーツ ＞ ボックス
es-Bbrackets	ボックスパーツ専用の【カギ括弧】を指定 スタイル ＞ スタイルセット ＞ ボックスパーツ専用 ＞ カギ括弧
bgc-white	ボックスの背景色を【ホワイト】に指定 スタイル ＞ カラーセット ＞ 背景色 ＞ モノトーン ＞ ホワイト
es-center	文字の位置を【中央】に指定 スタイル ＞ スタイルセット ＞ 文字系 ＞ 位置（中央）
es-bold	文字の太さを【太字】に指定 スタイル ＞ スタイルセット ＞ 文字系 ＞ 太字
es-FbigL	文字の大きさを【サイズ（極大）】に指定 スタイル ＞ スタイルセット ＞ 文字系 ＞ サイズ（極大）

方眼ペーパーボックス

スタイルコード

ep-box es-BpaperRight es-grid bgc-VPsky

コード	解説
ep-box	【ボックス】を指定 スタイル ＞ デフォルトパーツ ＞ ボックス
es-BpaperRight	ボックスパーツ専用の【めくり（右）】を指定 スタイル ＞ スタイルセット ＞ ボックスパーツ専用 ＞ めくり（右）
es-grid	ボックスの背景を【方眼用紙】に指定 スタイル ＞ スタイルセット ＞ 背景系 ＞ 方眼用紙
bgc-VPsky	ボックスの背景色を【ホワイト】に指定 スタイル ＞ カラーセット ＞ 背景色 ＞ モノトーン ＞ ホワイト

はてなボックス

スタイルコード

ep-box es-BmarkHatena es-borderSolidS bgc-white brc-DPblue es-radius

コード	解説
ep-box	【ボックス】を指定 スタイル ＞ デフォルトパーツ ＞ ボックス
es-BmarkHatena	ボックスパーツ専用の【はてなマーク】を指定 スタイル ＞ スタイルセット ＞ ボックスパーツ専用 ＞ はてなマーク
es-borderSolidS	ボックスを囲む線を【オール実線（細）】に指定 スタイル ＞ スタイルセット ＞ ボーダー系 ＞ オール実線（細）
bgc-white	ボックスの背景色を【白】に指定 スタイル ＞ カラーセット ＞ 背景色 ＞ モノトーン ＞ ホワイト
brc-DPblue	囲み線の色を【ディープトーン・ブルー】に指定 スタイル ＞ カラーセット ＞ ボーダー色 ＞ ディープトーン ＞ ブルー
es-radius	ボックスの角を【角丸（5px）】に指定 スタイル ＞ スタイルセット ＞ 角丸系 ＞ 角丸（5px）

ビックリボックス

スタイルコード

ep-box es-BmarkExcl es-borderSolidS brc-DPred bgc-white es-radius

コード	解説
ep-box	【ボックス】を指定 スタイル ＞ デフォルトパーツ ＞ ボックス
es-BmarkExcl	ボックスパーツ専用の【ビックリマーク】を指定 スタイル ＞ スタイルセット ＞ ボックスパーツ専用 ＞ ビックリマーク
bgc-white	ボックスの背景色を【白】に指定 スタイル ＞ カラーセット ＞ 背景色 ＞ モノトーン ＞ ホワイト
es-borderSolidS	ボックスを囲む線を【オール実線（細）】に指定 スタイル ＞ スタイルセット ＞ ボーダー系 ＞ オール実線（細）
brc-DPred	囲み線の色を【ディープトーン・ブルー】に指定 スタイル ＞ カラーセット ＞ ボーダー色 ＞ ディープトーン ＞ レッド
es-radius	ボックスの角を【角丸（5px）】に指定 スタイル ＞ スタイルセット ＞ 角丸系 ＞ 角丸（5px）

Qボックス

スタイルコード

ep-box es-BmarkQ bgc-white

コード	解説
ep-box	【ボックス】を指定 スタイル ＞ デフォルトパーツ ＞ ボックス
es-BmarkQ	ボックスパーツ専用の【Qマーク】を指定 スタイル ＞ スタイルセット ＞ ボックスパーツ専用 ＞ Qマーク
bgc-white	ボックスの背景色を【白】に指定 スタイル ＞ カラーセット ＞ 背景色 ＞ モノトーン ＞ ホワイト

Aボックス

スタイルコード

ep-box es-BmarkA bgc-white

コード	解説
ep-box	【ボックス】を指定 スタイル ＞ デフォルトパーツ ＞ ボックス
es-BmarkA	ボックスパーツ専用の【Aマーク】を指定 スタイル ＞ スタイルセット ＞ ボックスパーツ専用 ＞ Aマーク
bgc-white	ボックスの背景色を【白】に指定 スタイル ＞ カラーセット ＞ 背景色 ＞ モノトーン ＞ ホワイト

シンプルアイコンボックス

スタイルコード

ep-box es-Bicon icon-tag bgc-VPorange

コード	解説
ep-box	【ボックス】を指定 スタイル ＞ デフォルトパーツ ＞ ボックス
es-Bicon	ボックスパーツ専用の【アイコン（シンプル）】を指定 スタイル ＞ スタイルセット ＞ ボックスパーツ専用 ＞ アイコン（シンプル）
icon-tag	アイコンデザインに【tag】を指定 「アイコンオプション」でコードを調べることができます。
bgc-VPorange	ボックスの背景色を【ベリーペールトーン・オレンジ】に指定 スタイル ＞ カラーセット ＞ 背景色 ＞ ベリーペールトーン ＞オレンジ

背景アイコンボックス

スタイルコード

ep-box es-BiconBg icon-pushpin bgc-VPlime

コード	解説
ep-box	【ボックス】を指定 スタイル ＞ デフォルトパーツ ＞ ボックス
es-BiconBg	ボックスパーツ専用の【アイコン（背景）】を指定 スタイル ＞ スタイルセット ＞ ボックスパーツ専用 ＞ アイコン（背景）
icon-pushpin	アイコンデザインに【pushpin】を指定 「アイコンオプション」でコードを調べることができます。
bgc-VPlime	ボックスの背景色を【ベリーペールトーン・ライム】に指定 スタイル ＞ カラーセット ＞ 背景色 ＞ ベリーペールトーン ＞ ライム

帯アイコンボックス

スタイルコード

ep-box es-BiconObi icon-heart es-borderSolidS

コード	解説
ep-box	【ボックス】を指定 スタイル ＞ デフォルトパーツ ＞ ボックス
es-BiconObi	ボックスパーツ専用の【アイコン（帯）】を指定 スタイル ＞ スタイルセット ＞ ボックスパーツ専用 ＞ アイコン（帯）
icon-heart	アイコンデザインに【heart】を指定 「アイコンオプション」でコードを調べることができます。
es-borderSolidS	囲み線を【オール実線（細）】に指定 スタイル ＞ スタイルセット ＞ ボーダー系 ＞ オール実線（細）