八王子の着物・振袖の専門店

見出しのデザインは以下のページなどをご参照ください。
https://www.nxworld.net/50-css-heading-styling.html
https://pulpxstyle.com/heading-design
https://jajaaan.co.jp/css/css-headline/

画像の配置について

画像を左側に配置するパターンです。画像を追加する場合は「メディアを追加」から行いますが、その際サイズの設定は「フルサイズ」にすると扱いやすいです。挿入した画像に「class=”img300″」を追記することで画像のサイズを変更できます。

上記と同じ感じですが画像のサイズを「class=”img400″」にしてみました。

---

上の配置だと、下の画像が回り込んでしまっています。そのため、下記の様に「div class=”clear”」を間に挟んで回り込みを解除するとうまくいきます。

画像を左側に配置するパターンです。画像を追加する場合は「メディアを追加」から行いますが、その際サイズの設定は「フルサイズ」にすると扱いやすいです。挿入した画像に「class=”img300″」を追記することで画像のサイズを変更できます。

上記と同じ感じですが画像のサイズを「class=”img400″」にしてみました。

---

画像を右側に配置するパターンです。

---

画像を センターに配置するパターンです。

---

---

マージンについて

上記の様に「mb30」や「mb40」を追加すると、下部にマージンができます。「mb30」はmargin-bottom:30pxで、「mt30」はmargin-top:30pxです。

次は上段エリアと下段エリアの間に30pxのマージンを設けたパターンです。下記の様に「mb30」を追加することで、margin-bottom:30pxが追加されスペースがあきます。

上段エリア

下段エリア

---

囲み枠について

使用しているテーマでは振袖ページの様なクイックタグを利用することができません。
その代わり、囲み枠については別途上部にボタンを設けました。ボタンを2回押すと開始タグと終了タグが表示します。

囲み枠1

囲み枠2

囲み枠3

テーブルについて

左右配置1段

お稽古日		午前 10時〜12時

左右配置2段

お稽古日		午前 10時〜12時
お稽古日		午前 10時〜12時

上下配置1段

お稽古日
午前 10時〜12時

上下配置2段

お稽古日
午前 10時〜12時
お稽古日
午前 10時〜12時

テキストの装飾について

赤文字
太文字
下線
大きめ
もっと大きめ
色々組み合わせ