« カスタマイズ5(カレンダー) | トップページ | このシャンプーはいいよ~~ »

2004.02.11

カスタマイス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)はそれぞれ個別にアップ済みです。

ちなみに、リンクが貼ってある文字にはまたまた別に色を指定しなきゃいけないのですが、それはまたの機会に・・・。

|

« カスタマイズ5(カレンダー) | トップページ | このシャンプーはいいよ~~ »

ウェブログ・ココログ関連」カテゴリの記事

コメント

はじめまして。
参考にさせていただきトラックバックもさていただきました。記事の一番最後に勝手ながら紹介させていただいております。ありがとうございました!

投稿: 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

この記事へのコメントは終了しました。

トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/12358/185337

この記事へのトラックバック一覧です: カスタマイス6(フォントと色):

» キューティフェイス [Nyans in my home 〜]
雑誌「NEKO」をバックにファーzo。 ファーzo「これに載ってたんでしょ?オイ [続きを読む]

受信: 2005.02.01 01:08

« カスタマイズ5(カレンダー) | トップページ | このシャンプーはいいよ~~ »