Novelpage01

/

サイト全体ではなく、小説の文章ページのみのテンプレートです。
Simple04の小説のページ部分を取り出したものなので、他のテンプレートと併用して使用する場合は、style.cssのファイル名を変更してお使いください。

左下の本のアイコンを押すと、ページ送り等のメニューと、横書き・縦書き切り替えのボタンが表示されます。横書き・縦書きのボタンを押すことで、閲覧者で本文の表示の切り替えができます。

ご注意

利用規約に同意の上、ご利用ください。
他のテンプレートと併用して使用する場合は、style.cssのファイル名を変更してお使いください。

使い方

downloadボタンをクリックすると、zipファイルがダウンロードされます。

zipファイル内は、下記のファイルで構成されています。

ファイル名 内容
img 画像フォルダ。使用している画像はすべてここに入っています。
css
reset.css style.css

reset.cssは編集不要。
style.cssでデザインをすべて行っています。
デザインを編集したい場合はこのファイルを編集してください。
js
common.js

サイト内で使用しているJavaScriptを記載しています。JavaScriptを追記する場合はこちらに追記可能です。
story.html 小説の個別ページ。

以下の部分を編集してください。

  1. <head></head>の中 <title>サイト名~<title>の部分
  2. <body></body>の中 <!-- ヘッダー --> <!-- メニュー --> <!-- コンテンツ --> <!-- フッター -->の記載の下に、
    それぞれの内容が記載されてありますので、必要に応じて編集してください。
  3. <footer></footer>の中サイト名等の部分

動作確認環境

OS
Windows10
ブラウザ
Chrome(最新バージョン)
解像度
1920 x 1080

※IE非対応です

DOWNLOAD DEMO
このテンプレートがスキ!
いいねボタン
スポンサーリンク