information
ナチュラルな色合いのトップページです。「自然」をイメージするような色合いのシングルページのリクエストで作成しました。ソースまでジャンプ
モバイル版の小説リストは550pxを境に2列→1列になります。
top
黒のシルエット画像にmix-blend-modeで背景を重ねて画像アイコン風に表示させています。背景色(白)は固定ですが形・背景ともに変更ができます。
更新ログの内容部分(「○○+1」など)は全角9文字まで一行に収まります。超える場合は<br>を挟んで改行してください。
heading
見出しにclass="ja"を追加すると文字サイズが小さめになります。
mobile
color
CSSを一部変更して色味を調整しています。不要な場合はbodyと.siteName::afterのbackground-imageを削除してください。
nav
ヘッダーにsubpage_headerのクラスを追加すると説明文が中央寄せ+ナビゲーション非表示の子ページ仕様になります。
source & image
pc
zipファイルをダウンロード
内容ファイル:以下に掲載してあるものすべて(吹き出し画像はsvg版を同梱)
head
body
image
ヘッダー
吹き出し画像
メイン画像
背景
ファビコン
小説部分