カスタマイス6(フォントと色)
今日はかねてから面白くない!と思っていたフォントを変更しました。
ココログはタイトルやサイドバー、本文などでフォントを別々に指定しているのでちょっぴり面倒です。
スタイルシートで指定されていたのは以下のとおりでした。
#banner a | バナータイトルのフォントと色 |
.sidebar h2 | サイドバータイトルのフォントと色、背景色 |
.sidebar li | サイドバー本文文字色フォント タイトルと本文の間隔 |
.content h3 | 本文タイトルのフォントと色 |
.content p | 本文のフォントと色 |
.content p.posted | 投稿者 フォント・色、背景色 枠のマージンと線種・種類 |
たくさんあるねえ(汗)。
ええとまずはバナータイトルのフォントを指定してあげます。
#banner a { color: #CC0000; text-decoration: none; font-family: 'Trebuchet MS', Verdana, sans-serif; font-style: italic; } | タイトルバナー 色を指定(えんじ色にしました) アンダーバーは出ないよう指定 フォントは3種類のどれかで表示 イタリック(斜体)を指定 |
.sidebar h2{ color: #CC0000; font-family: 'Trebuchet MS', Verdana, sans-serif; background-image: url(sidebarbg.jpg); } | サイトバータイトル 色を指定(ここもえんじ色) フォントはバナータイトルと同じ 背景画像をつけました |
.sidebar li{ font-family: 'Trebuchet MS', Verdana, sans-serif; } | サイドバー本文 フォントはバナータイトルと同じ |
.content h3 { color: #FFFFFF; background-image: url(tytlebg.jpg); font-family: 'Trebuchet MS', Verdana, sans-serif; } | 本文タイトルのフォントと色 色を指定(白を指定) フォントはバナータイトルと同じ 背景画像をつけました |
.content p { color: #003399; font-family: 'Trebuchet MS', Verdana, sans-serif; } | 本文のフォントと色 色を指定(群青色を指定) フォントはバナータイトルと同じ |
.content p.posted{ font-family: 'Trebuchet MS', Verdana, sans-serif; } | 投稿者のフォントと色 フォントはバナータイトルと同じ |
本文タイトルの背景画像(tytlebg.jpg)と、サイドバータイトルの背景画像(sidebarbg.jpg)はそれぞれ個別にアップ済みです。
ちなみに、リンクが貼ってある文字にはまたまた別に色を指定しなきゃいけないのですが、それはまたの機会に・・・。
| 固定リンク
「ウェブログ・ココログ関連」カテゴリの記事
- なんだかんだで秋になっちゃいそう(2012.09.04)
- ココログにコメントできないよ?(2011.02.01)
- おひさしぶりです!(2011.01.30)
- 受験勉強でむしゃくしゃしたら(2009.01.27)
- クリスマスが終わっちゃった(2008.12.26)
この記事へのコメントは終了しました。
コメント
はじめまして。
参考にさせていただきトラックバックもさていただきました。記事の一番最後に勝手ながら紹介させていただいております。ありがとうございました!
投稿: EMI | 2005.02.01 01:41
>EMIさん
初めまして、コメント&トラックバックありがとうございます。
あら、EMIさんのブログは記事にコメントがつけられないのですね。
掲示板の方でコメントさせていただきますねっ。
投稿: しのぶ | 2005.02.01 23:23
Hi
Look, i found this site: - http://bigsteroid.com
Do you like it?
regards
投稿: goriljoforbidden | 2009.08.18 01:02
http://www.hermesbirkincheap.com/ - Hermes Birkin|Hermes Birkin Handbags
投稿: msbbvvrc | 2011.05.24 07:49
http://www.louis-vuitton-handbags-on-sale.com/ - Louis Vuitton Handbags On Sale
投稿: qyjdibia | 2011.05.27 22:08
Hack again?!
投稿: jimechandr | 2011.06.14 05:14