Sitemap

サイトのページ案内です。

Menu

ラテ式CSSベース | Webフォントカスタマイズ
背景カスタマイズ | 小説目次カスタマイズ(拡張版)
メイン画像/ヘッダー素材
その他 | 個人サイト全般お役立ち情報 | 夢サイト同盟
素材情報 | ソースコード

CSSベース


Ryoryuka:ラテ式CSSベースの特徴、問い合わせ先、リンク方法、おまけページ各リンク
ラテ式CSSベース:CSS配布/通常ver
CSSベース(特別版):CSS配布/デフォ名非表示ver
HTMLタグ一覧:技術ページ(中級者向け)パスワード制限ページのデモも兼ねています
シンプル目次の比較(CSSベース/拡張版):解説ページ
CSSベース既知の不具合:一部の公式テーマにおいてデザイン崩れする原因と対処法(中級者向け)

公式テーマのプレビュー

Preview:プレビュー目次
ピンク系テーマ① | ピンク系テーマ②
ブルー系テーマ | ブルー系テーマ②
黄・茶・赤系テーマ | 赤・紫系テーマ
イエロー系テーマ | ビビッド系テーマ
グリーン系テーマ
白・灰色系テーマ
ダーク系テーマ① | ダーク系テーマ②
いろいろなテーマ | サイト名が日本語

CSSベースデモページ

Bookshelf:本棚ページ
百花のマジシャン:小説の表紙
1-0 バラティエ:↑の小説の章ページ
1-1 定期船より:↑の第一話/小説本文
1-2 旅仲間:↑の第二話/パスワード制限
庇護:年齢制限/【ver2新要素】目次シンプル
会話デモ・フォントの話:ストーリートーク
Card:ギャラリー
Diary:ブログ機能
Template:つぶやき機能
About:プロフィールページ
Log:更新履歴ページ
Thanks:お礼画面
Res:コメント返信ページ
Mail:ダイレクトメール

Web fonts


webフォントおすすめ10パターン:CSS配布ページ
Google Fontsの使い方:技術ページ(中級者向け)
Google Fontsの使い方:説明用スクショ
Web Fonts:Webフォント10セットのプレビュー
Google Fontsまとめ:Google Fontsリンク一覧

Webフォント10セット

Tiny | Plain | Minimal | Round
Thin | Pop | Twinkle | Noble
Chic | Ancient

背景カスタマイズ


背景カスタマイズ:特徴・デモページ・使い方
背景カスタマイズのナビゲーションバー:ナビゲーションバー
全画面背景画像CSS:CSS配布ページ①
背景CSSパターンB1, B2:CSS配布ページ②
背景CSSパターンC1, C2:CSS配布ページ③
背景CSSパターンD1, D2:CSS配布ページ④
背景CSSパターンE1, E2:CSS配布ページ⑤
背景CSSパターンF1, F2:CSS配布ページ⑥
背景CSS変数一覧:技術ページ(中級者向け)
Background Image:背景画像10パターンの使い方とプレビュー
【個人サイト向け】おしゃれな素材の探し方【2023】:解説記事
freepik使い方:素材探し説明用スクショ

背景画像10パターン

Hand drawn | Sweets | Dahlia
Grainy gradient | Dried flowers
Ornaments | Mirror | Pressed flowers
Watercolor floral pattern | Doodle

小説目次カスタマイズ


ラテ式CSS拡張版:特徴・使い方
ラテ式CSS拡張版のコピペ:CSS配布ページ
設定・あらすじ:たて並び用の追加CSS配布・使い方
設定・あらすじ:基本的な使い方・連載の各話を横並びする方法
はじめに:短編つめあわせ目次にする方法
はじめに:見出し直下にキャプションを付ける方法
シンプル目次の比較(CSSベース/拡張版):解説ページ

CSS拡張版デモページ

第一章:タイトルよこ並び
サンジ過去編:よこ並び、その2
ルッチ過去編:たて並び
短編つめあわせ:小説表紙ページに短編の目次

メイン画像/ヘッダー素材


Template:680 × 200 px 素材を配布中。メイン画像におすすめ。onelinkersヘッダー画像にも。

その他いろいろ


よくある質問:配布CSSに関する質問と回答
Release Notes:配布CSSの変更点など
公式ヘルプ:フォレストページ+公式ヘルプ一覧

個人サイト全般


フォレストページ+(プラス)以外でも応用できる内容になっています

Google Fontsまとめ
Webフォント組み合わせ10セット

Background Image
おすすめ全画面背景画像10選

【個人サイト向け】おしゃれな素材の探し方【2023】
1万字の詳細な記事(→freepik使い方素材探し説明用スクショ)

Template
①個人サイト管理人向けの質問テンプレ(いわゆる100質)
②字書きが一年間を振り返るテンプレ
③夢創作好きな人向けのチェックシート

【2023年】テンプレ配布の振り返り【個人サイト作成支援サイト向け】
テンプレ配布してる人向けの記事

夢サイト同盟


coffret banner:管理人が主催する同盟のバナー置き場

Design


解説ページ(このサイトマップページなど)で使っている背景画像
Free Vector | Flat design elegant art deco seamless pattern by Freepik


おまけ


私ラテが管理する別サイト(Dokuwiki)でソースコードを公開しています
ラテ式CSS格納庫