Novelpage02 | 空蝉-Utsusemi-

小説の個別ページ用テンプレート。
縦書きタイトルの下に、写真を敷いたデザインです。
メインタイトルの横に、キャプションやサブタイトルを添えられます。（削除も可能です）
HTMLの方で画像を指定しているので、作品ごとに画像を変えてお使いください。

向日葵の写真や文章はサンプルですが、画像は同梱しているので、そのままご使用いただけます。
画像素材ページの画像もご使用していただけます。

画像は800×600px以上、比率4:3の画像がおすすめです。比率が違うと、画像の位置の修正が必要になります。

暗い色の画像を使う場合は、style.cssの.novelvisual__img{opacity:0.6}を1にして、フォントの色を白にする方がきれいです。

キャプションは文字数によって良い位置が違うと思うので、.captionのtop、leftの値を変えて調節してください。

リニューアル後のテンプレートであれば、セットテンプレート内に入れこむことが可能です。（リニューアル前でもできるものも一部あります。）

HTML
セットテンプレートnovelpage.htmlの<main>～</main>の中身を、このテンプレートindex.htmlの<div class=”novelpage__inner”>～</div>に入れ替える

CSS
セットテンプレートeach.cssの最下部に、このテンプレートstyle.cssの小説のページ＞ページレイアウト部分の記載を張り付ける

これでだいたいうまくいくと思います。

※敬称略

ファイル名	内容
images	画像フォルダ。使用している画像はすべてここに入っています。
css reset.css style.css	reset.cssは編集不要。 style.cssでデザインを行っています。デザインを編集したい場合はこのファイルを編集してください。
index.html	小説のページ。他のテンプレートなどで使用する場合は、ファイル名を変更してお使いください。