ースコードと画像

【最終更新】21/01/09

テンプレートについて

表紙に目次機能のある小説ページのリクエストをもとに作成しました。画像を変えれば雰囲気が変わるのでお好みでカスタマイズしてみてください。ソースまでジャンプ

class名newで最新話が分かるようにしています。小説一覧部分は目次機能が使えないのでURLを貼り付けてご利用ください。

タイトル(h1)の文字をspanで囲むと半透明になります。

パソコンから見るとこんな感じです。
pc pc

PC

本文ページのナビゲーションは、リストの先頭に疑似要素を挿入して力づくで中央寄せにしています。おそらく邪道なので気になる方は改変をおすすめします。

【拍手フォームを設置しない場合】
①CSSの.textNav ul::beforeのwidthを300px→50pxに変更
②htmlのclapLinkの中身を<form>~</form>→<a href="拍手URL">拍手</a>に変更
以上の手順でリンクを設置してください。

更新履歴(↑旧)

2月12日:レイアウトを微調整しました。

20年1月13日:背景色を微調整しました。

5月30日:レイアウトを再調整しました。

12月27日:タイトルとデザインを変更しました。旧デザイン

ソースコードと画像

PC

zipファイルをダウンロード

head

body(novel)

body(text)

image

image

ファビコン
image