new

▽2017/05/13 >> azareaさんへ

azareaさん初めまして、ソラです。
とても私には身の余る丁寧なメールをありがとうございました。
テンプレはお好きなようにカスタマイズして頂いて大丈夫でございます。
追記にて変更箇所を書かせて頂きました。
分かりにくい箇所がありしたらお手数ですが再度お問い合わせください。

メールを頂いて、小説01内の解説とサンプル場所が分かりにくいと私自身が感じましたので修正させて頂きました。
追記内容をそちらにも書かせて頂きましたので、見やすい方でhead内を改変ください。
メールありがとうございました。
(追記:)
★背景色の変更
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;
margin:0 auto;
width: 90%;
padding:10px;
text-align: left;
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やshortの文字色や背景色は
h2{
font-family: 'Lateef', serif;
font-size:12px;
margin:5px 0;
padding:2px 5px;
color:#ccaabb;←文字色
background:#000;←背景色
letter-spacing:3px;
display:inline-block;
}

ここを
color:#000000;
background:#ccaabb;
にすると、背景と文字の色が逆転します。

head内は一見わけが分かりませんが、実は英語で背景は赤にしてね、リンクは青だよ、って書いてある単純なものだったりします(^^)