AFFINGER(アフィンガー)では様々なボックスデザインを作成できるのが便利!
だけど、ショートコードが迷子になることが。
そんなときのメモ(´ω`)✧
シンプルなポイントボックス
ポイント
(基本)これはダミーです
1 2 3 4 5 | [st-mybox title="ポイント" fontawesome="fa-check-circle" color="#757575" bordercolor="#BDBDBD" bgcolor="#ffffff" borderwidth="2" borderradius="5" titleweight="bold"] (基本)これはダミーです [/st-mybox] |
しかく枠のみ
(しかく枠のみ)これはダミーです
1 2 3 4 5 | [st-mybox title="" fontawesome="" color="#757575" bordercolor="#ccc" bgcolor="#ffffff" borderwidth="2" borderradius="2" titleweight="bold"] (しかく枠のみ)これはダミーです [/st-mybox] |
薄グレー背景丸み枠
(まるみ)これはダミーです
1 2 3 4 5 | [st-mybox title="" fontawesome="" color="#757575" bordercolor="#BDBDBD" bgcolor="#f3f3f3" borderwidth="0" borderradius="5" titleweight="bold"] (まるみ)これはダミーです [/st-mybox] |
参考とかメモに使えるボックス
st-mybox title="メモ"の部分を書き換えればOK。
メモ
(メモ)これはダミーです
1 2 3 4 5 | [st-mybox title="メモ" fontawesome="fa-file-text-o" color="#757575" bordercolor="" bgcolor="#fafafa" borderwidth="0" borderradius="5" titleweight="bold" fontsize="" myclass="st-mybox-class" margin="25px 0 25px 0"] (メモ)これはダミーです [/st-mybox] |
アイコンボックス
ポイント
ポイント
(ポイント)これはダミーです
1 2 3 4 5 | [st-mybox title="ポイント" fontawesome="fa-check-circle" color="#FFD54F" bordercolor="#FFD54F" bgcolor="#FFFDE7" borderwidth="2" borderradius="5" titleweight="bold"] (ポイント)これはダミーです [/st-mybox] |
注意ポイント
注意ポイント
(注意ポイント)これはダミーです
1 2 3 4 5 | [st-mybox title="注意ポイント" fontawesome="fa-exclamation-circle" color="#ef5350" bordercolor="#ef9a9a" bgcolor="#ffebee" borderwidth="2" borderradius="5" titleweight="bold"] (注意ポイント)これはダミーです [/st-mybox] |
はてな
はてな
(はてな)これはダミーです
1 2 3 4 5 | [st-mybox title="はてな" fontawesome="fa-question-circle" color="#03A9F4" bordercolor="#B3E5FC" bgcolor="#E1F5FE" borderwidth="2" borderradius="5" titleweight="bold"] (はてな)これはダミーです [/st-mybox] |
アイコンは変更できるよ
レシピ
(はてな)これはダミーです
1 2 3 4 5 | [st-mybox title="レシピ" fontawesome="fa fa-cutlery" color="#03A9F4" bordercolor="#B3E5FC" bgcolor="#E1F5FE" borderwidth="2" borderradius="5" titleweight="bold"] (はてな)これはダミーです [/st-mybox] |