２カラム/エレガント/ドット/バラ/ピンク/優しい/写真/可愛い/花
左側メニューの2カラムのテンプレート。
バラ園の写真をモチーフに、落ち着いたピンクで、可愛いながらもエレガントさもあるデザインです。
写真を使ったので少しコラージュっぽい雰囲気を意識しています。
HTMLファイルの方で、写真部分の記述を消すと、写真なしでシンプルにもお使いいただけます。
主なコンテンツには、小説展示、画像ギャラリー、漫画連載、配布物一覧等のコンテンツが含まれています。
ギャラリーの表示はJavaScriptライブラリをお借りしています（下記参照）。
このテンプレートでは、コンテンツの追加・編集には下記サイトのコードをご利用いただけます。
※敬称略
利用規約に同意の上、ご利用ください。
写真の差し替えはＯＫです。その際は、ページ最下部のMaterialの部分を変更ください。
例：Designed by Utsusemi. Material from 他サイト名.
入口、メニュー部分以外の、デモサイトで使用している画像はサンプルです。
ダウンロードしたファイルには含まれませんので、ご自身で用意した画像をご使用ください。
downloadボタンをクリックすると、zipファイルがダウンロードされます。
zipファイル内は、下記のファイルで構成されています。
| ファイル名 | 内容 |
|---|---|
| images | 画像フォルダ。使用している画像はすべてここに入っています。 |
| css reset.css common.css each.css |
reset.cssは編集不要。 common.css、each.cssでデザインを行っています。 デザインを編集したい場合はこのファイルを編集してください。 すべてのページに共通するパーツについてはcommon.css、個別のページについてのデザインはeach.cssで行っています。 |
| js common.js |
サイト内で使用しているJavaScriptを記載しています。JavaScriptを追記する場合はこちらに追記可能です。 |
| index.html | 入口 |
| top.html | トップページ。 |
| novel.html | メインコンテンツの小説の一覧ページ。 |
| novel2.html | 長編小説の各話のタイトル一覧ページ |
| novelpage.html | 小説の個別ページ。 |
| gallery.html | メインコンテンツのギャラリーのページ。 |
| comic.html | メインコンテンツの漫画の一覧ページ。 |
| comic2.html | 漫画の各話の表紙。あらすじや各話のタイトル一覧ページ |
| comicpage.html | 漫画の個別ページ。 |
| character.html | キャラクター紹介のページ。 |
| offline.html | オフラインでの配布物の紹介ページ。 |
| sample.html | 見出しなどのサンプルを載せています。 |
以下の部分を編集してください。
ヘッダー、メニュー、フッターの編集は、すべてのHTMLファイルで同様の編集が必要です。
※IE非対応です
