ベーシックでもできるんだね

昨日の夜からはじまったサイトの工事、一応完了しました。

どこがどう変わったの？という人のために

前はこんな感じ。ねっ、変わったでしょ？

いい年してピンクとか黄色とか淡い色が好きなので、タイトルの部分をピンクにしたかったのです。

でも、パソコン音痴だし、無料のベーシックだしと半ばあきらめていました。

と、こういう時にいつも優しいzordさんが助け舟を出してくださるのです。

本当にありがたいです。

というわけで、ここからは覚書。

まずは自分のCSSを見なければいけません。どうやったら見られるのか、私知らなかったんですよね～。

IEのアドレスで見られなかった私はココログにログインしてコントロールパネル→ファイル→fancy_petに入りました。ここにstyles.cssがありました。
あったら、これを右クリックして「対象をファイルに保存」しました。名前はfancy_pet_styles.cssで保存。それをワードから開きます。

英語の羅列されている文字や英語や番号がズラズラ～ッと出てきて、はは～ん、これがあばら骨か・・と思いました。

触るのこわ～っ。色々ある中ここを特にいじりました。

#banner {

       font-family: 'Trebuchet MS', Verdana,sans-serif;

       color: #FFFFFF;

       background-color: #8C5C2C;

       text-align: left;

       padding: 18px;

       border-bottom: 1px dotted #8C5C2C;

       }

の♯から始まる部分が色コードなんですね～。初めて知った^^;

私の場合、2箇所ある#8C5C2Cを両方とも#F192DEに変えました。

ピンク色のコード番号はzordさんに教えていただいたものを使いました。

他の色コードについてはhttp://www.tagindex.com/color/color_name.htmlを参考。

あと、タイトルの文字を装飾系文字にしたかったので、
font-family: 'Trebuchet MS', Verdana,sans-serif;を

font-family:fantasy, 'Trebuchet MS', Verdanaに変えました。

全部の作業を終え、保存しなおします。

そして、ココログにもう一回ログインしてコントロールパネル→ファイル→「ホーム/fancy_pet/images」にfancy_pet_styles.cssをアップロード。

今度はブログ→fancy_pet→設定に移動してブログのサブタイトル部分に<link rel="stylesheet"href="http://harujion.tea-nifty.com/fancy_pet/images/fancy_pet_styles.css"type="text/css"/>と入れて変更、反映させます。

というわけで、これはほんの一部なのだけど、今回タイトルの色とフォントを変えるやり方だけはマスターできました。

zordさん、丁寧にわかるように教えてくださって本当にありがとうございましたm(__)m

忘れないように、ここに書かせていただきました。

【追記】

タイトルの装飾系文字は見るパソコンによって全く見え方が違うということがわかったので、またsans-serifのゴシック文字に戻しました。