HAYATO
Affingerのタグ機能の「ボックスデザイン」を一覧表にまとめてみました。本記事を参考に是非自分の好みに合ったタグを見つけて下さい。
本記事の内容
１．バナー風ボックス
（１）基本
test
test
（２）背景なし（高さ400px)
test
test
（３）左寄せ
test
test
２．マイボックス
「マイボックス」は以下の画像のように、注意喚起や補足説明をしたい時に役立ちます。
基本
ポイント
test
まるみ
test
関連
関連
test
ポイント
ポイント
test
はてな
はてな
test
しかく（枠のみ）
test
参考
参考
test
メモ
メモ
test
注意ポイント
注意ポイント
test
ミニふきだし
test
test
３．マイボックス（＋CCCクラス）
「マイボックス（+CCCクラス）」は以下の画像のように、箇条書きで列挙する時 や 何かを順序立てて説明する時に役立ちます。
メモ
メモ
test
メモ（下線あり）
メモ
test
メモ（枠のみ）
メモ
test
メモ（枠・下線あり）
メモ
test
注意（下線あり）
ここに注意
test
必要なモノ
必要なモノ
- test
- test
- test
必要なモノ（ドット下線）
必要なモノ
- test
- test
- test
チェックリスト
チェックリスト
- test
- test
- test
チェックリスト（ドット下線）
チェックリスト
- test
- test
- test
簡単な流れ
簡単な流れ
- test
- test
- test
簡単な流れ（ドット下線）
簡単な流れ
- test
- test
- test
４．見出し付きフリーボックス
基本
見出し（全角15文字）
test
注意
注意
test
はてな
はてな
test
ポイント
ポイント
test
メモ
メモ
test
基本（タイトル幅100%）
見出し（全角15文字）
test
注意（タイトル幅100%）
はてな（タイトル幅100%）
ポイント
メモ
５．メモボックス
メモ
６．スライドボックス
「+ クリックして下さい」をクリックすると全文が出てきます。補足説明を詳しくするような時に便利です。
７．チェックボックス（番号リストなし）
test
８．こんな方におすすめ（v）
こんな方におすすめ
- test
- test
９．こんな方におすすめ [v]
こんな方におすすめ
- test
- test
１０．ガイドマップメニュー
「ガイドマップメニュー」は目次のようにリンクで目当ての文章まで飛ばすことができます。
１１．pre
読者がコピーできるようにURLやプログラミングコードを表示する時に便利です!!
html
https://evolvenote.com
１２．pre : terminal
「pre」をターミナルのようなデザインに変更することができます。
command
test
１３．pre : shortcode
[/] shortcode
test