Template Image素材サイト様 ： ハロウィン

Mako's様のハロウィン作品の中から楽しそうな雰囲気の子供たちのシルエットとかぼちゃのイラストをお借りしてきました。JavaScript有効であれば、背景色はランダムに変化します。無効時は表紙はオレンジ、それ以外のページは紫色の背景になります。

その他のハロウィン向きのテンプレートをお探しの場合はコチラ

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

ちょっと気が早い気もしますが、Sタイプでハロウィーンテンプレートを2点つくってみました。
黒背景に映えるガラス細工のようなかぼちゃがとってもシックで幻想的なハロウィン作品は、White Board 様のからお借りしました。 ゆらゆら揺れるほうきのアニメアイコンもすごく可愛いです♪
その他のハロウィン向きのテンプレートをお探しの場合はコチラ

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

個別記事の前話・次話ナビの背景デザインもひと手間かけました。空飛ぶほうきです♪



申請は10月頃の予定ですが、一足先に皆様にお披露目させていただいたのは管理人に下心？があったからだったりします。実は、先日公開したnovel-template-kikuが、Firefoxで閲覧した際に表紙のカラムの上がずれて表示されていたのに昨日気が付きました。一応FirefoxとIETesterで確認しているのですが、今回は、確認後に、あちこち手を加えていたにもかかわらず、再度の、そして最終的な確認を怠っていたせいでした。本当に申し訳なかったです。この新作テンプレも、現時点で確認した限り表示の乱れはないようなのですが、なんせ、ズボラで迂闊でせっかちな管理人でありますので、どんなポカをやらかしているか、または今後やらかすか、わかったもんじゃありません。プレビューなさってみて、もしも、なにか不具合な部分など気がつかれた場合は、ご面倒とは存じますが、ぜひぜひご報告くださいますようお願い申し上げます。

［novel-S］タイプのテンプレートは、表紙画面下にプラグイン３コンテンツが表示されます。スタンダードタイプと同じくサイドメニューに表示させる場合は　 コチラ

Rタイプにとりいれた、一文字目の装飾を気に入ってくださった方がいらっしゃるようで、嬉しくて、今回のハロウィンテンプレにも導入してみました。


通常ブログ画面と個別記事ページの記事本文冒頭と追記冒頭の一番目の文字は大きく、画像に装飾されて表示されます。背景に表示される画像の位置は、初期設定のフォントに合わせて微調整してありますので、DL後にカスタマイズしたり、記事を書くときにフォントの大きさを変更するとバランスが崩れ、表示が乱れます。また、記事冒頭に余白を入れてしまうと、左側が大きくあき、テンプレートによっては、firefoxで閲覧時に、小さい四角が表示されてしまうのでご注意ください。
装飾が不要であれば、スタイルシートの中から(C)～(D)(E)～(F)(G)～(H)を削除するか、記事の冒頭に<br />改行をいれてください。詳しくは　コチラ
（注意・IE5以下のバージョンでご覧になった場合の、最初の装飾文字のずれは管理人承知しております。残念ながら、これは克服できませんでした。）

この秋二点目のハロウィンテンプレです。novel-S-pumpkin1でお借りしたWhite Board 様の黒背景用のハロウィン作品が余りにすてきで、白背景バージョンもあるので、色違いでつくってみたくなりました。出来上がってみれば、色違いの素材をお借りしていても、幻想的な雰囲気だったnovel-S-pumpkin1とは違う、ハロウィン用とは申せ、実りの秋がイメージできる温かそうなテンプレになりました。ニットにブローチをつけたような仕上がりが、結構気に入っています。
その他のハロウィン向きのテンプレートをお探しの場合はコチラ


前の記事でも述べましたが、申請前に前倒しで、お披露目させていただいたのは管理人に下心？があったからだったりします。現時点で確認した限り表示の乱れはないようなのですが、なんせ、ズボラで迂闊でせっかちな管理人でありますので、どんなポカをやらかしているか、または今後やらかすか、わかったもんじゃありません。プレビューなさってみて、もしも、なにか不具合な部分など気がつかれた場合は、ご面倒とは存じますが、ぜひぜひご報告くださいますようお願い申し上げます。

［novel-S］タイプのテンプレートは、表紙画面下にプラグイン３コンテンツが表示されます。スタンダードタイプと同じくサイドメニューに表示させる場合は　 コチラ

novel-S-pumpkin1と同じく、通常ブログ画面と個別記事ページの記事本文冒頭と追記冒頭の一番目の文字は大きく、画像に装飾されて表示されます。背景に表示される画像の位置は、初期設定のフォントに合わせて微調整してありますので、DL後にカスタマイズしたり、記事を書くときにフォントの大きさを変更するとバランスが崩れ、表示が乱れます。また、記事冒頭に余白を入れてしまうと、左側が大きくあき、テンプレートによっては、firefoxで閲覧時に、小さい四角が表示されてしまうのでご注意ください。
装飾が不要であれば、スタイルシートの中から(C)～(D)(E)～(F)(G)～(H)を削除するか、記事の冒頭に<br />改行をいれてください。詳しくは　コチラ
（注意・IE5以下のバージョンでご覧になった場合の、最初の装飾文字のずれは管理人承知しております。残念ながら、これは克服できませんでした。）

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

連日の、じみ～な改訂作業にあきた管理人、気晴らしに訪れたさる素材サイト様ですてきなハロウィンセット素材をみつけました。実は、ずっと以前から存じ上げてきた、お宝素材ざっくざくの素晴らしい素材サイト様でして、近いうちにこちらのサイト様の作品をお借りして、新しいデザインシリーズのテンプレートを作成するつもりでおりました。
ただの気分転換のつもりでしたが、すてきなハロウィン素材をみた途端、なんとなくソワソワしてしまって、ついに改訂作業をほっぽり出してハロウィンテンプレートを作ってしまいました。

画像がすてきですから、ついつい力が入ってしまって、自分でも中々の出来上がりとニンマリした管理人。ところが、いざ、作者さまのお許しを得るべくご連絡させていただいたところ、メールが宛先人不明で返ってきてしまいました。

ま、まさかぁぁ～～！

油断しました。とにかく、素晴らしいセット作品が豊富にあることが有名な、色々なところでご紹介されている老舗サイトさまです。更新が滞ってらしゃっても、メールでのご連絡はできると思っておりました。
規約内容は非常に寛容でらっしゃるご様子でしたし、なにより、連絡先をクリックするとメールボックスが開きましたので、ご連絡さえさせていただければ、おそらくはお許しいただけるであろうと、勝手にそう思い込んでおりました。まさか、そのアドレスが使えないことになっているとは！

自身のサイトでの個人的な利用以外は、事前の連絡が必要と記されていますので、作者さまとご連絡がとれない以上、このテンプレートを共有テンプレートして公開することができません…(>_<)

上のハロウィンテンプレを公開できないことも残念ですが、それ以上に、こちらのサイト様の作品にほれ込んで、それを主体に勝手に新企画？立案中だった管理人はガックシ落ち込んでしまいました……。(T_T)

一ファンとしては、撤退はなさらず、ＷＥＢにサイトを残してくださっている事だけでもありがたいと思います。
でも、もしも、もしも、この記事をご覧の方の中で、
Zeit-X様の
ご消息、ご連絡先などお心あたりの方がいらっしゃれば、ご面倒とは存じますが、ぜひ、ぜひご一報くださいますよう、お願い申し上げます。

需要高め？のPFタイプにハロウィン向きのテンプレートがなかったので、急遽作成いたしました。ぎりぎりですが、今年のハロウィンに間に合うかしらん？（実は、またしても、じみ～な改訂作業にあきてしまった管理人の気分転換の成果？です、はい、あくまで気分転換、逃避ではありません、申請したので、また改訂作業に戻ります…(^^ゞ）

昨年にひきつづき、またしても、Mako's様のハロウィン作品をお借りしました。昨年は、ゴシックホラーが似合いそうな、お耽美な魔系男子にご登場いただきましたが、今年のテーマは魔女と猫。月をバックにしたシルエット作品がすばらしく美しい！ちょこちょこ登場させている三白眼のちょっとひねた雰囲気の黒猫も激しく気に入っています♪

ハロウィン向きですが、テンプレの中にハロですウィン（Halloween)の文字表示はなく、かぼちゃも登場しませんので、ハリポタ風の、魔法や魔女の学校が舞台のファンタジー作品などにもよろしいかと。
その他のハロウィン向きのテンプレートをお探しの場合はコチラ

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

期間限定サイト内配布中コチラ

以前、テーブルで作成していたnovel-10-black3をブロックで組み直し、ポップアップに改修しました。
ゴージャスで華麗、かつ不気味さも漂うMako's様のハロウィンイラストをお借りしましたが、テンプレの中にハロウィン（Halloween)の文字表示はありません。ゴシックでホラーな雰囲気の作品や、魔界の住人が登場するファンタジー作品のサイトさまなら、ハロウィンに限らず、フルシーズンご利用いただけるかと思います。
その他のハロウィン向きのテンプレートをお探しの場合はコチラ

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



表紙とNovelListの背景は複数の画像がフェードインフェードアウトを繰り返します。
改修前はフィルターでクロスフェードさせていましたが、今回はjQueryのプラグインを使っています。
できれば画像据え置きではなく、スタイルシートでクロスフェードさせたかったのですが、方法が見つかりませんでした。散々探し回りましたが、これが精一杯です。
でも、jQueryを使えば、色々と面白い画像の見せ方ができることがわかりした。
今後、画像用テンプレに使えそうです。

しかし、これまた不承認の通知が来てしまいました！
不承認の理由「IE7の表示に崩れがある」

「またかいっ！」　……(ーー゛)

実は以前も、同じタイプのテンプレートが同じ理由で不承認になった事があります。詳しくはコチラ
しかも、その時と同じく今回も、

その表示の崩れなるものが、みつからな～いぃ～！ ……(＠_＠?)

確認できない以上、どこをどう修正すればいいんじゃい…(-_-;)
仕方ないので、前回と同じく、崩れなるものが生じたページと、実際の状況を問い合わせつつ、
そのままの状態で再申請しました。

以前も、具体的な返答がないまま承認されたので、今回も同じパターンではないかと。
まあ、不承認の時は、今度こそ、具体的にどこがどう崩れたのかお知らせいただけるでしょう。

しかし、毎回毎回、同じ事の繰り返しなので、イイ加減、勘弁してほしい…
Jタイプって、担当の方が確認に使っているパソコンと相性が悪いのでしょうか？
古書風テンプレ、申請しても大丈夫だろうか……

さて、気を取り直しテンプレートの説明にもどります。
見た目のデザインは同じでも、構造は以前のnovel-10-black3とはまったく違います。

以前のnovel-10タイプとの主な違い

ブロックでりメイクしたので、同Jタイプのテンプレートだけでなく、PFタイプ・PF2タイプ以外の全てのテンプレートと衣替えが可能です。
但し、このテンプレートのHTMLには『個別記事背景ランダム表示のためのスクリプト』と、表紙と小説一覧ページの背景表示のために『クロスフェード表示のための追加ソース(1)～(3)』が追加してあります。
衣替えをする場合は、必要に応じて、それらを削 除もしくは追加する必要があります。

現状では、サイドメニューをクリックするとポップアップでコンテンツが表紙画像の上に表示されますが、Gタイプ以外のタイプのHTMLに変更した場合、またJavaScript無効時は、画像下に表示されるようになります。
HTMLをGタイプに変更すると、サイドメニューコンテンツは折りたたみになります。

縮小画面にも対応。可変性があるので、画面サイズに左右されない表示と閲覧が可能。IE6以上であれば、(有る程度)横スクロールの出現もなし。

機能的には改訂版ver1107同じですので、種々カスタマイズが簡単になりました。
詳しくは　改訂版テンプレートの新機能・カスタマイズ

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

おまけ

このタイプの一般用テンプレートはまだ作成していないので、簡単に一般用に変更できる、ちょっとした小技をしかけておきました。

NovelListのリンクボタンが不要な場合は
スタイルシートの末尾に以下を追加してください

.go-novel{ display: none!important; }

小説関連の表示が全て不要な場合は
スタイルシートの末尾に以下を追加すると消えます

.delete{display:none!important;}

なんちゃって素材屋風小説テンプレート第二弾、ハロウィン仕様。
ガーリー路線を目指してMako's様からセクシーでキュートな魔女っ子達の作品をお借りしたハロウィンテンプレート。

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

トップページだけでなく、通常ブログ・検索・月別・目次ページも、記事はカード内に表示され、スクロールを上下してそれを読むスタイル、いわゆる素材屋風仕様。
novel-I-Score-Jfのように表紙のみ素材屋風のものと区別するために、novel-I2-とIの横に2をつけました…わ、わかりにくいっ！

と言いつつ、実は、『素材屋風』の定義？がいまいちわかっていない管理人
色々調べたところ、どうやらブラウザのスクロールではなく、ページ内のボックスをスクロールさせているデザインであれば、総じて、素材屋風とされているようなので、それならこのテンプレも素材屋風かなと…(^^ゞ

こんなの素材屋風じゃな～いと期待を裏切ってしまったら、お許しくださいませね。
Novelテンプレート仕様の素材屋風ということで、ゆるーくとらえていただけたら幸いです。

しかし、作っておきながらなんですが、この手のデザインは、表紙はともかく、記事ページにはつくづく向いていないですねぇ。激しく読みづらいです。
わかっていたのですが、従来のHTMLでどこまでそれっぽくできるか試してみたくてやってしまいました。
通常ブログ画面が読みづらくてイラっとしたら、さくっと個別記事を開いていただくと、そちらは従来通りのスタイルです。

ブログを開くと、上の画像のようにHappy Halloweenと表示されますが、DL後にスタイルシートの末尾に以下を追加すると、

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

HappyHalloweenではなく、最初にブログ紹介文が表示されるようになりますので、ハロウィンシーズン以外にご利用の場合等にお試しください～。

　2013.3.1.追記
　ハロウィンシーズン以外は、Happy Halloweenの文字は消して公開します

その他のハロウィン向きのテンプレートをお探しの場合はコチラ
素材屋風テンプレートの一覧はコチラ
薔薇素材～Mako's様の作品をお借りしたテンプレート一覧はコチラ



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