記事の題名の色を変える
CSS(デザイン)のみのカスタマイズです。
<手順>
1.どの色にするか、考える!
2.CSSを変更する
【1】まずは、どの色に変えたいのか、決めます。
琉海がよく使っているのは、コチラのサイト。
【とほほの色入門・色見本】
ここで、色を探します。
CSSでは、
文字色の名前(例:blue)か、または、
文字色のコード(例:#00FF00)で、色を表します。
【2】次に!site.cssの中を検索します。
以下のように、リンクをたどってください。
上部メニュー「カスタマイズ/管理」
↓
左メニュー「デザインの設定」
↓
右下「CUSTOM(カスタマイズ)」
ここで表示されているのが「スタイルシート(CSS)」になります。
探すのは、【 .title 】という要素です。
h3.titleとなっているかもしれません。
.title{
color:#00a0e9;
font-size:12px;
font-weight:bold;
padding:5px 0px 0px 33px;
…
}
こういうカンジです。
そして、color のところを、変更します。
今は、#00a0e9 という色なのですが、
真っ青にしたければ、#00ff00 に変更します。
アルファベットの大文字小文字は、関係ありません。
編集が終わったら、下の方にある「この内容で保存する」ボタンを押してください。
あとは、ブログを再構築してください☆
このとき、「デザイン(CSS)」を選択してくださいね!
自分のブログを見てみて、色が変わってるかどうか、
確認してみてくださいね。
なんか変わってない??という方は、
ブラウザで「再読み込み」とか「最新の情報を更新」とか選んでみてください。
<手順>
1.どの色にするか、考える!
2.CSSを変更する
【1】まずは、どの色に変えたいのか、決めます。
琉海がよく使っているのは、コチラのサイト。
【とほほの色入門・色見本】
ここで、色を探します。
CSSでは、
文字色の名前(例:blue)か、または、
文字色のコード(例:#00FF00)で、色を表します。
【2】次に!site.cssの中を検索します。
以下のように、リンクをたどってください。
上部メニュー「カスタマイズ/管理」
↓
左メニュー「デザインの設定」
↓
右下「CUSTOM(カスタマイズ)」
ここで表示されているのが「スタイルシート(CSS)」になります。
探すのは、【 .title 】という要素です。
h3.titleとなっているかもしれません。
.title{
color:#00a0e9;
font-size:12px;
font-weight:bold;
padding:5px 0px 0px 33px;
…
}
こういうカンジです。
そして、color のところを、変更します。
今は、#00a0e9 という色なのですが、
真っ青にしたければ、#00ff00 に変更します。
アルファベットの大文字小文字は、関係ありません。
編集が終わったら、下の方にある「この内容で保存する」ボタンを押してください。
あとは、ブログを再構築してください☆
このとき、「デザイン(CSS)」を選択してくださいね!
自分のブログを見てみて、色が変わってるかどうか、
確認してみてくださいね。
なんか変わってない??という方は、
ブラウザで「再読み込み」とか「最新の情報を更新」とか選んでみてください。
カテゴリ:デザイン変更
トラックバックURL
コメントする
コメント一覧
-
- 2006年11月15日 23:38
-
琉海さん、こんばんわ。
いつも参考にさせてもらってます。
また遊びにきますね〜
-
- 2006年12月13日 22:50
-
>なすびさんへ
コメントありがとうございます☆
いろんなページを見ていってくださいね〜♪
-
- 2007年02月09日 15:27
- たまにはFirefoxでも見たほうが幸せになれるかも。
-
- 2007年02月10日 04:15
-
このブログをFirefoxでみると正しく表示されてない事を伝えようとあのようなコメントを入れたのですが何かお気に触りましたか?
はっきり伝えるならばこうです。
カスタマイズ系コンテンツを扱うブログにとって各ブラウザでの表示がまともにできてないと言う事はとても恥かしい事なので修正しましょう。
-
- 2007年04月30日 23:43
-
>ひーこさんへ
ついさっき、アナタのコメントを読みました(汗
ブログをほったらかしにしすぎましたね(笑)
このデザインに変えたのは2006年10月ですが、FireFoxではきちんと見えませんか?
琉海はFireFox使っているので、デザインがくずれることなく見えているのですが…
困りましたね(^^;
