カスタマイズはご自由に。以下簡単な説明。
★目次や章はわざと背景色をつけてリンク色の白色を目立たせていますが、表紙のページのように背景を白に場合は、
目次編集画面のdiv class="main"→textに変更、又はhead内の「.main{」のところに、「background:#ffffff;」を追加してください。
★背景色の変更
headを開いて頂いて上の方に
body{
background:#ccaabb;
とあります。上記が 「背景色:カラー;」という意味になります。
背景色をピンクにしたい場合は「background:#ffeeee;」このようにお好きな色に変更してみてください。
色はアリス+様の編集トップの下部にある「支援ツール」に「色辞典」がありますので、お好きな色のコードを簡単に探せますのでご参考にどうぞ。
★リンク色
a{
background:#fff;
color: #444;
bodyよりもう少し下にいくと上記のようにあります。これがリンクの色となります。
background:#fff;→「背景色:カラー;
」
color: #444;→「文字色:カラー;」という意味です。
背景色をピンク、文字を赤色にする場合は
a{
background:#ffeeee;
color: #ff0000;
のように変更します。もう少し下に、
a:hover{color: #ccc;}と書かれていますが、スマホだと分かりにくいのですがPCからだとマウスが触れると文字色がライトグレー色になる、という設定です。
ここも良ければお好きな色に変更してみてくださいませ。
★list部分の白色背景
表紙と文章の白色の部分の色を変更する場合は、
.text{
font-size: 12px;←文字の大きさ
background:#fff;←ここをお好きな色にどうぞ。
★文字の大きさ
font-size: 12px;
これは「文字の大きさ:○サイズ;」という意味です。20など数字が大きくなるほど文字が大きくなります。こちらも合わせてどうぞ。
body内fontは全体、「.text{」は小説の文字、「main{」は目次内「h2{」は小説タイトル横のlongの文字。
※小説のタイトルが大きすぎる……と感じた場合は下記をhead内に追加してください。ここも15をお好きな数字に変更してください。
h1{
font-size: 15px;
}
文字色を変えたいときは「color」を追加してください。
h1{
font-size: 15px;
color:#色;
}
★タイトル横のlongの文字
longやshortの文字色や背景色は
h2{
font-size:12px;←文字の大きさ
color:#ccaabb;←文字色
background:#000;←背景色
ここを
color:#000000;
background:#ccaabb;
にすると、背景と文字の色が逆転します。
head内は一見わけが分かりませんが、実は英語で背景は赤にしてね、リンクは青だよ、って書いてある単純なものだったりします(^^)