テンプレートの配色カラーを変更する! | ネットビジネスで稼ぐ!在宅ワークで起業した26歳のブログ

テンプレートの配色カラーを変更する!

アメブロテンプレートCSS講座・・・・あせる


今日は文字色や背景画像の変更について。



アメブロのCSS欄にはアメブロ側からすごく親切に開設されていて
各タグの間に




/*1)ブログタイトルの文字サイズを変更する*/
#header h1{
font-size: 2.0em; /*-- 25px相当の文字サイズ --*/
 (←こんな感じで)


すごく丁寧な解説がされています。




配色に関しても


/*2)ブログタイトルの文字色を変更する*/
#header h1 a{
color:#FF6633; /*-- 濃いグレー --*/   (←#FF6633が色の指定)
}



テキスト付きで解説されていますね。




この色なんだけれど
「WEBセーフカラー」と言ってある規準をもとに
各ブラウザでもキチンと表示されるように公開されています。



検索すればすぐ出てくるのだけれど
僕が良く使うサイトを紹介しておきますね音譜


→ http://www.htmq.com/color/websafe216.shtml



ここにあるWEBセーフカラーの 「#●●●●●●」 の部分をコピーして
アメブロのCSS部分に張り付ければ好みの色を指定する事が出来ます。



CSSをいじる時は、いじる前のCSSタグの全文を
メモ帳などにコピーして行うと、失敗したときに戻せたりするのが
容易なので必ず行って下さい。




好みの配色でオリジナルのブログを作って下さいね!
最後までお読み頂き感謝です(^^)