テンプレートの配色カラーを変更する!
アメブロテンプレート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タグの全文を
メモ帳などにコピーして行うと、失敗したときに戻せたりするのが
容易なので必ず行って下さい。
好みの配色でオリジナルのブログを作って下さいね!
最後までお読み頂き感謝です(^^)

今日は文字色や背景画像の変更について。
アメブロの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タグの全文を
メモ帳などにコピーして行うと、失敗したときに戻せたりするのが
容易なので必ず行って下さい。
好みの配色でオリジナルのブログを作って下さいね!
最後までお読み頂き感謝です(^^)