Template Image素材サイト様 ： ハート

このテンプレートは、公開済みの共有テンプレート［novel-R-Rose］の画像を変更して、バレンタイン向きのスウィーティな雰囲気に仕上げました。画像は［novel-R-Rose］と同じくＭａｋｏ’ｓ様のバレンタイン素材をお借りいたしました。nonscript関連の問題点も一応改善されているはずです。
画像をクリックするとサンプルページが開きます。

個別記事ページのレイアウトだけを変更して、小説本文ページの幅を狭めたコンパクト版のサイト内配布はコチラ 薔薇素材～Mako's様の作品をお借りしたテンプレート一覧はコチラ

六月も近いので、JuneBrideをイメージしたテンプレートを作成してみました。
JavaScript有効時、衣装の色がランダムに変わる新郎新婦のイラストは、いつかはお借りしたいと思っていたふわふわ。り様の作品です。
メインイラスト以外は、いつもお世話になっている「White Board」様からお借り致しました。
今回は、通常記事画面や目次の背景画像にも凝ってみました。（テーブル画像をブロック用に変更した苦心の作です…(^^ゞ）

White Board 様から シックな封筒のセットとクリスマス素材をお借りして色違いのクリスマステンプレートを作成しました。
novel-S-gift1が赤、 novel-S-gift2が青です。

［novel-S］タイプのテンプレートは、表紙画面下にプラグイン３コンテンツが表示されます。

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。Javacript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。

novel-S-gift2

White Board 様から シックな封筒のセットとクリスマス素材をお借りして色違いのクリスマステンプレートを作成しました。
novel-S-gift1が赤、 novel-S-gift2が青です。

［novel-S］タイプのテンプレートは、表紙画面下にプラグイン３コンテンツが表示されます。

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。Javacript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。

クリスマス用に公開したnovel-S-gift1,gift2をアレンジしたバレンタイン用テンプレート。
White Board 様の作品に加えてMako'sさまの可愛いくておいしそうなチョコレートアイコンなどバレンタイン作品をお借りしました。背景は、White Board 様のバナー素材をお許しを得て、包装紙をイメージした背景画像にアレンジしてみました。

薔薇素材～Mako's様の作品をお借りしたテンプレート一覧はコチラ

［novel-S］タイプのテンプレートは、表紙画面下にプラグイン３コンテンツが表示されます。

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。Javacript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。

バレンタインシーズン以外でご利用の場合

スタイルシートの中から以下の赤字の部分のファイルアドレスを青字のアドレスに変更するとトップページ左上のメッセージが「Valentine's Day」から「for you」に変わります。
通年でご利用の場合などバレンタインという文字表記を変えたい方はお試しください。

/*ヘッダー：通常ﾌﾞﾛｸﾞ画面・表紙ページ*/
#page .layout_head , #index .layout_head {
min-height : 230px;_height : 230px; background-color :#000000 ;color : #ffffff;
text-align : right ;background-image : url("http://blog-imgs-30.fc2.com/n/o/v/noveltemplate/gift-a04_redblack.gif");
background-repeat : no-repeat ;
background-position : left top;
}

http://blog-imgs-43.fc2.com/n/o/v/noveltemplate/gift-a04_redblack2.jpg

novel-Rf-Heart2

昨年公開したバレンタイン向きのnovel-R-Heartの黒背景バージョンを、novel-Rfタイプで作成しました。
「薔薇素材～Mako's」様の作品をお借りしております。

薔薇素材～Mako's様の作品をお借りしたテンプレート一覧はコチラ

［novel-Rfタイプ］は、小説本文の左側に目次が表示される疑似フレームスタイル。
novel-Rタイプとnovel-RFタイプのスタイルシートとHTMLは互換性がありますので、それぞれ衣替えできます。同じデザインでＲタイプのレイアウトに変えたい場合はHTMLをRタイプに変更してください。


上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。Javacript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。

秋向きのHP風小説用テンプレート。もちろん秋以外にもどうぞ。Cタイプの新作テンプレです。ヘッダー左に画像、その下にコンパクトなメニューが表示されますが、こういう雰囲気の小説サイトって、見かけたことありませんか？

実は時々おじゃまさせていただくサイト様の表紙がこんな感じでして、「あ、このレイアウトならNovelテンプレでもやれるかも！」と思ったのがCタイプ作成のそもそものきっかけだったりします…(^^ゞ
とは申せ、衣替えのためには、HTML部分をあまり弄れなかったため、スタイルシートで無理やりサイドカラムを上までもってきています。右ヘッダーの高さが初期設定を超えてしまうと左カラム画像の上に余白ができてしまうのでご注意ください。詳しくは後日解説記事アップします。

アイコンやペンのイラストはWhite Board 様、背景はThe Inspiration Gallery様、写真は海外フリーサイトからお借りしました。
シンプルでコンパクト、なお且つ落ち着いた雰囲気の小説テンプレになったんじゃないかと思います。

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。
Javacript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。

White Board 様から羽のついた可愛いハートの作品をお借りしました。
シンプルでコンパクトな雰囲気がお好きな方におススメのテンプレートです。

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。
Javacript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。

（但し、スタイルシートの記述に問題があるのか、はたまた、無理やりな設定が悪いのか、フレームトップの画像だけ表示が遅れ気味です。管理人の未熟さ故で本当に申し訳ありませんが、お試しの際は、ちょっとだけお待ちくださいませ…）

実は、最後までJタイプで申請するかCタイプで申請するか迷いました。

　今回は、Cタイプで申請しましたが、Jタイプにするとこんな感じです。

このレイアウトがお気に召した場合はHTMLをJタイプに変更してご利用ください。

詳しくはHTMLの衣替えをご参照ください。

なんちゃって素材屋風小説テンプレート第五弾、バレンタイン仕様。


日本でバレンタインと言えば、女性から（意中の）男性にチョコレートを贈る日になっていますが、元々は、恋人たちの守護聖人とされた聖ウァレンティヌスに由来する記念日で、欧米では、男女問わず、花やカードや贈り物を、恋人や親しい人に贈りあう日だとか。

常々女性からオンリーというジャパンスタイルのバレンタインに不公平感？を拭えなかった管理人、いつもお世話になっているMako's様で、キュートなびせーねんズのイラストを見つけてしまったこともあり、どうしても、男性からアプローチするバージョンのバレンタインテンプレを作りたくなってしまいました…(^^ゞ
びせーねんずが素敵なので、逆ハー物なんかにいいかもです♪

画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。JavaScript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。

JavaScript有効時にはメニューにカーソルをおくとコンテンツがカードの上に表示され、無効時には最初からカード内に表示されます（スクロール付き）。
IE7以上であれば、縮小画面でも横スクロールが出ないリキッドレイアウト。
個別記事と全記事一覧ページ以外は右寄せでデザインしてありますが、1,400pxを超えるとコンテンツはそれ以上右に寄らなくなるので、幅広パソコンで閲覧しても、レイアウトが不自然に見えません。
大見出しにはGoogle web fontsを使っているので、ブログ名がアルファベットの場合、可愛いフォントでタイトルが表示されます。

トップページだけでなく、通常ブログ・検索・月別・目次ページも、記事はカード内に表示され、スクロールを上下してそれを読むスタイル、いわゆる素材屋風仕様。
通常ブログ画面が読みづらくてイラっとしたら、さくっと個別記事を開いていただくと、そちらは従来通りのスタイルです。



ブログを開くと、ハートのカード上にバレンタインメッセージ（Be My Valentine　僕の大事な人になって）が表示されていますが、DL後にスタイルシートの末尾に以下を追加すると、

#step0 {visibility:visible;z-index:1;}

Be My Valentineの文字は消え、最初にブログ紹介文が表示されるようになります。



バレンタインシーズン以外にご利用の場合はお試しください。

　2013.3.1.追記
　バレンタインシーズン以外は、Be My Valentineの文字は消して公開します

その他のバレンタイン向きのテンプレートをお探しの場合はコチラ

薔薇素材～Mako's様の作品をお借りしたテンプレート一覧はコチラ

novel-C-Kiss

ネットで見つけたこのレトロでロマンチックな一連の作品にメロメロになった管理人は、
（表紙）レイアウトを変えた新しいタイプでテンプレートでつくってみました♪

昨年作成したものの、バレンタインには承認が間に合わないだろうと共有テンプレートとしての申請を見送り、期間限定でサイト内配布したテンプレートです。手直しも済んだので、今年は早めに申請します。

2013.1.11.追記

レトロな仕上がりとネットへの流出度が半端ないので、すっかりパブリックドメイン作品だと思いこんでいましたが、違っていたようです。キム・アンダーソンという著名な存命中の写真家の作品である事がわかりました。無償配布のテンプレートに画像を用いてよいか調べ、可能であれば公開します。

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。
Javacript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。

小さな恋人たちのキスシーンがもう最高！




これらの画像は、全て拙作テンプレのために管理人が自力加工したものですので、無断流用禁止です。

バレンタインシーズン以外でご利用の場合

バレンタインぽいテンプレにするために表紙と通常ブログ画面では
「Be My Valentine～私のバレンタイン(特別な人/恋人の意)になって～」というメッセージカードを表示させました。
スタイルシートの中から以下の赤字の部分のファイルアドレスをそれぞれ青字のアドレスに変更するとメッセージが
「Be Mine～わたしのもの（恋人）になって～」に変わります。
通年でご利用の場合などバレンタインという文字表記を変えたい方はお試しください。

#index .main{
background-image : url("http://blog-imgs-30.fc2.com/n/o/v/noveltemplate/st-vBeMyV200b.gif");
background-repeat : no-repeat ;
background-position : 98% 98%;background-attachment: fixed;}

http://blog-imgs-30.fc2.com/n/o/v/noveltemplate/st-v766100b.gif

#page .main{
background-image : url("http://blog-imgs-30.fc2.com/n/o/v/noveltemplate/st-vBeMyV200c.gif");
background-repeat : no-repeat ;
background-position : 2% 98%;background-attachment: fixed;}

http://blog-imgs-30.fc2.com/n/o/v/noveltemplate/st-v766100.gif

拙作テンプレでは、画像の無断変更は禁止とさせていただいておりますが、このnovel-C-Kissのメッセージカードの画像を上に変更、もしくは削除する場合のご連絡は不要です。ご自由にどうぞ。

バレンタインテンプレの一覧はコチラ

novel-CタイプのCはコンパクトのCのつもりです。但し、このテンプレートの特質を生かし、コンパクトで、よりHPサイトっぽい、すっきりとしたトップページにするためには、プラグイン３に表示するコンテンツは少なめがおススメです。

別タイプのHTMLに変更すると(HTMLの衣替え)、同じデザインのまま表紙や小説ページのレイアウトを変更できます。
下の画像は、HTMLをG・Jに変更した場合の表示です。

White Board 様の作品をお借りして作成したバレンタインテンプレ。
ガラスの赤いハートがとってもキュートです。コンパクトでシンプルな雰囲気に仕上げてみました。
但し、シンプルでコンパクトなのはあくまで、雰囲気、見かけだけです。
JavaScriptを多用しているJタイプですので、拙作テンプレの中でも1、２を争う複雑怪奇な構造になっておりますので、カスタマイズの際にはご注意ください。

昨年作成したものの、バレンタインには承認が間に合わないだろうと共有テンプレートとしての申請を見送り、期間限定でサイト内配布したテンプレートです。今年はバレンタインに間に合うように、手直しが済み次第、近日中に申請します。

表紙メニューをクリックするとポップアップでそのコンテンツが右側に表示されます。
小説（個別記事）ページは疑似フレーム。サイドフレームには目次が表示されます。

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。
Javacript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。


別タイプのHTMLに変更すると(HTMLの衣替え)、同じデザインのまま表紙や小説ページのレイアウトを変更できます。
下の画像は、HTMLをスタンダードタイプ・tempタイプ・Sタイプ・Rタイプに変更した場合の表示です。

現状のままでも、JavaScript無効時には、上に似た表示になります。

バレンタインシーズン以外でご利用の場合

以下の赤字の部分のファイルアドレスを

/*ヘッダー：表紙ページ*/
#index .layout_head {
height : 275px;
margin : 0px;
padding : 0px 0px 0px 0px ;
background-image : url("http://blog-imgs-30.fc2.com/n/o/v/noveltemplate/hh-v.jpg");
background-repeat : no-repeat ;
background-position : 90% 80% ;
}


#index .all div#wrapper {
min-height:400px;
background-image : url("http://blog-imgs-30.fc2.com/n/o/v/noveltemplate/hh-v.jpg");
background-repeat : no-repeat ;
background-position : 85% 85%;}

以下に変更すると

http://blog-imgs-30.fc2.com/n/o/v/noveltemplate/hh-01.jpg

「St. Valentaine's Day」という文字表記のない画像に変更できます。

拙作テンプレでは、画像の無断変更は禁止とさせていただいておりますが、このnovel-Jｆ-Heart3のトップ絵を文字表記のない上の画像に変更する場合のご連絡は不要です。ご自由にどうぞ。

　2013.3.1.追記
　バレンタインシーズン以外は、St. Valentaine's Dayの文字は消して公開します

バレンタインテンプレの一覧はコチラ
WhiteBoard様の作品をお借りしたテンプレートの一覧はコチラ

携帯用小説テンプレート。
ページを極力軽くするため、画像は、表紙ヘッダーと見出しのみ使用。
ハートのヘッダー画像はWhite Board 様からお借りしました。
■表紙■作品扉■目次■本文■通常ブログ画面■NovelList■最新記事


2013.2.22.漸く承認されましたが、更新更内容が、反映されていません…(>_<)。
ご利用の際は、最終更新日が2013.2.22.以降に変わってからDLしてください。
2013.2.28.更新内容が反映されました(^O^)


What's Newには、直近に更新された記事の更新日・作品(カテゴリ)名・記事タイトルが一件だけ表示されます。
但し、未来記事・記事別ページの表示順を古い順に設定している場合は最新記事が表示されず、常に未来記事・あるいは一番古い記事が表示されてしまうのでカスタマイズが必要です。詳しくはコチラ

Main直下のリストには、親カテゴリと単独カテゴリに設定した作品タイトルだけが表示され、子カテゴリに設定した作品タイトルは表示されません。
子カテゴリの作品タイトルは、親カテゴリの作品タイトルをクリックし、ページ内移動した先のリストで、関連作品として表示されます。

これは、カテゴリ数の多いブログでも、掲載作品を確認しやすくするためのものです。
これを生かすためにも、掲載作品(カテゴリ)数の多いブログでは、作品のジャンルや傾向(長編/短編・完結/連載中・恋愛/ミステリー/ファンタジー)ごとにまとめ、親子カテゴリを設定することをおススメします。詳しくはコチラ

単独カテゴリ、子カテゴリのタイトルをクリックすると目次(作品扉)が開きます。
目次の上部には、簡単な作品紹介として、(目次の一話目の記事に設定した内容に基づき)親カテゴリタイトル、執筆日、冒頭部分(200文字)、ユーザータグワード、本編へのリンクボタンなどが表示されます。
作品のジャンルや傾向・セールスポイント(完結/連載中・長編/短編・恋愛/ファンタジー)など、読者に伝えたい作品情報をユーザータグとして作品の一話目の記事に設定すると、ここに表示できます。詳しくはコチラ

読みやすさを考慮し、小説本文ページは他ページより一回り大きなフォントで表示させています。
尚、携帯用NovelテンプレートのHTMLは共通ですので、スタイルシートを変更するだけでデザイン変更できます。
その他、パソコン用テンプレートとの違いなど、携帯用Novelテンプレートの詳しい説明は
　コチラと　コチラ　をご参照ください。

尚、携帯用Novelテンプレートをご利用になる場合は、モブログの設定など、パソコンサイトとは別の設定が必要になります。詳しくは　　携帯用Novelテンプレートの基本設定
携帯用Novelテンプレートのカスタマイズについては　コチラ