カスタマイズテンプレート用のスタイルシートの編集方法を聞かれたので、簡単な解説をしていきたいと思います。
「オリジナルデザイン設定」→「スタイルシートを編集する」で、以下の内容が表示されます。
まずは基本となる部分から。
色は下記のカラーコードで指定します。
ブラック #000000
グレー #999999
シルバー #CCCCCC
ピンク #FF00FF
レッド #FF0000
オレンジ #FF9900
マルーン #990000
オリーブ #999900
グリーン #009900
ブルー #0000FF
ホワイト #FFFFFF
などなど。
6桁の数字を0〜Fの間で変更することで、中間色も指定できます。
====================
body {<BR> background-color:#FFFFFF; ←ベースの背景色<BR> color:#000000; ←ベースの文字色<BR> font-family: Osaka,Verdana,"MS Pゴシック",Arial,Helvetica,sans-serif;<BR> font-size: 12px;<BR>}
td,tr,p,ol,ul {<BR> font-size: 12px;<BR> color:#000000; ←これもベースの文字色。個人的には、上のbodyかこちらのどちらかで指定すればOKのような・・・気がします。<BR>}
a:link {<BR> color: #0000FF; ←リンク部分の文字色<BR> text-decoration: none;<BR>}
<BR>a:visited {<BR> color: #990099; ←訪問済みリンク部分の文字色<BR> text-decoration: none;<BR>}
<BR>a:hover,a:active{<BR> color: #FF0000; ←リンク部分にポインタをかざした時の文字色<BR> text-decoration: underline;<BR> background: none;<BR>}
form {<BR> padding-right: 0px;<BR> padding-left: 0px;<BR> padding-bottom: 0px;<BR> margin: 0px;<BR> padding-top: 0px;<BR>}
<BR>input {<BR> font-size:12px;<BR>}
<BR>textarea {<BR>color: #000000; ←コメントを書き込む部分の文字色<BR>background-color:#ffffff; ←コメントを書き込む部分の背景色 <BR>font-size:12px;<BR>}
<BLOCKQUOTE dir=ltr style="MARGIN-RIGHT: 0px">
blockquote {<BR> border-bottom:#000000 1px solid;<BR> border-top: #000000 1px solid;<BR> border-right: #000000 6px solid;<BR> border-left: #000000 1px solid; ←この4つはインデントを指定したときの枠線の色<BR> padding:1em;<BR>}
↑参考までにインデント指定してみました。
====================
こうやってイジることで色のや文字の大きさなどを変更することができます。
どこを変更すると、どの部分の色が変わるのか、などは改めて追記します。
中途半端ですが、時間が空いた時にチョコチョコ内容を書き換えていきますので、たまに覗いて下さい。
−−−−−−−−−−−−−−−−−−
1日1枚アメショーの写真
アメリカンショートヘアーの「タム」と「クー」
−−−−−−−−−−−−−−−−−−