【CSS】コピペするだけで作品ページをシンプルに

詳細設定 ページ3

▼フォントをもとに戻す
*{font-family:Courier,Gisha,Helvetica,HGｺﾞｼｯｸM,ヒラギノ角ゴ,sans-serif;}

の“Courier,Gisha,Helvetica,”を消してください。


▼リンクの色変更
a:link{color:#2A51FC;}
a:visited{color:#4797FF;}
a:hover{color:#00FF80;}
のカラーコードの部分を好きな色に変えてください。
やり方がわからない人は
占ツクCSS辞典
を参照してください。


▼「お話を読む」のボタンの色変更
input[type=submit]{
color:#FFFFFF;/*文字色*/
background:#2A51FC;/*背景色*/
border-radius:15px;
}
の設定を変えてください。
わからない人は上と同じCSS辞典を読んでみてください。


▼小説のタイトル色
.utitle{padding-left:5px !important;}
.utitle a{
color:#FFFFFF !important;/*タイトルの文字色*/
text-shadow:0 0 15px #2A51FC,0 0 9px #2A51FC,0 0 5px #00BAF2;/*タイトルの周りの色*/
}
カラーコードの部分のみ変えることを推奨します。
それ以外は消さないでください。


▼PCの横メニューの色変更
#navigation h2{
background:#59A1FF !important;/*背景色*/
color:#FFFFFF;/*文字色*/
padding:2px 10px !important;
border-radius:15px;/*横の丸み*/
}
#navigation h2 a:link,#navigation h2 a:visited{
color:#FFFFFF;/*文字色*/
}
#navigation h2 a:hover{
color:#2A51FC;/*マウスオン時の文字色*/
}
上３つと同じように変えます。
!importantは消さないでください。

終わり ログインすれば
この作者の新作が読める(完全無料)

←【配布】コピーページ

→ 目次へ｜作品を作る｜感想を書く
他の作品を探す