OPEN





information

バナー素材を使えるトップと子ページのリクエストでした。素材はSuiren様よりお借りしています。
ボックスのクラス名を変えることで下部アクセントが変わります。ひとまず4種類作っています。使いやすいように増やしたり減らしたりしてみてください。
メニュー以外のリンクはこんなかんじ、強調はこんなかんじ

customize

2つ目のボックスです。
サイトタイトルが長くてはみ出してしまう場合は、HEADの#title{~
letter-spacing:1.6em; padding-left:1.6em;} この数値を下げてください。その際、2つは必ず同じ値にしてください。
3つ目のボックスです。
このように、中見出しを省略しても崩れないようにしているつもりです。

下部アクセントのバナーは少ししか見えていないので、もっと活かしたい場合は画像幅を広げてみるといいかもしれません。シンプルなテンプレートなので、他にも色やリンク装飾などお好みで改変してください。

sub title

4つ目のボックスです。

source code

自動改行しない設定で作成しています

HEAD

BODY