テンプレート一覧>novel-Sタイプ

novel-S-Narou小説家になろう風テンプレート

2012.07.11.  ←特定の個別記事ページだけコメントトラックバック欄を表示する →漢字にルビ(ふりがな)を付ける
s2_narou3b.jpg



小説投稿サイト「小説家になろう」さん風にデザインレイアウトしてみました。
全く同じというのは構造上無理なので、あくまでちょっと似せた程度ですが、雰囲気はそれっぽくなっのではないかと…(^^ゞ
画像はアイコンだけ、IE7以上であれば縮小画面でも横スクロールが出現しないリキッドレイアウト。
すっきりシンプルで実用的なテンプレがお好みの方におススメ。

目次と本文ページのフォントは「小説家になろう」と同じくMeiryo(メイリオ)を初めて使ったのですが、いやぁ~見やすくて、いいフォントですねぇ!


s2_naroub.jpg目次ページ


s_narou4b.jpg小説本文ページ


背景が無地でもフォントに存在感があるので画面が寂しく見えない!というより、無地だからこそ、映えるフォントみたいです。下手に背景画像があったりすると、画像とフォントと主導権?を争って落ち着きのないページになりそう。さすが小説専門サイトだけあって、フォントもきっと吟味してこれに決まったんでしょうねぇ。
おかげさまで、フォントを同じくするだけでぐっとそれっぽくなりました。

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違いますので、他のページのデザインもご確認ください。
(2012.7.11.現在、サーバーの不調で表示されないページがあります。)

レイアウトも「小説家になろう」さんのサイズに合わせました。初期設定では、カテゴリ番号0未分類カテゴリの個別記事ページはワイド版幅880pxで表示され、それ以外のカテゴリのページは幅650pxのコンパクト版で表示されます。幅広の表示がお好みの場合はスタイルシートの中から(A)と(B)の二行を削除すれば、全てのページをワイド表示に変更できます。詳しくは コチラ 「個別記事の表示をコンパクト版・ワイド版に変更する」

拙作には珍しくこのテンプレートでは、個々のボックスには背景色を指定していないので、ボディ部で指定するだけでページ全体の背景色を変更できます。
変更する場合はカラーコードを記載してスタイルシートに以下を追加▼
小説ページの背景を変更する場合 ⇒ #permanent { background-color :#EDF7FF; }
目次ページの背景色を変更する場合 ⇒ #category { background-color :#ffe5e8; }
総目次の背景色を変更する場合 ⇒ #titlelist { background-color :#FFFFE0; }

注意 背景色の変更は自由ですが、自己責任でお願い致します。ご質問等ご遠慮ください。尚、背景画像の設定は原則不可です。どうしても変更したい場合は管理人の許可が必要です。
Novel テンプレートは五つの基本設定をして初めて、目次も前話ページ次話ページへのナビも表紙メニューも小説一覧ページ(NovelList)も自動作成されます。御利用の際には五つの基本設定をお忘れなく!



おまけ


一応、このテンプレも、簡単に簡易型の一般用に変更できる小技を組み込んでおきました。
NovelListのリンクボタンが不要な場合はスタイルシートの末尾に
以下を追加してください
.go-novel{ display: none!important; }

小説関連の表示が全て不要な場合はスタイルシートの末尾に
以下を追加すると消えます
.delete{display:none!important;}
関連記事

テンプレート一覧>novel-Sタイプ

comment-delete.png  この記事にはコメントできません

トラックバックURL
http://noveltemplate.blog26.fc2.com/tb.php/662-3ccfe503
0トラックバック