2011年01月26日

【第45回】タグタイトルの文字サイズを変更する

今回は、タグタイトルの文字サイズを変更してみます。

タグタイトルというのは、サイドバーのタグクラウドでタグを押下した時、記事エリアに表示される記事一覧の見出しのことです。

SD_045_02.jpg

あまり使用頻度が高くない箇所ではありますが、第42回で説明したように、ブラウザの表示設定依存となってしまっている部分ですので、ブラウザに依存しないように変更してみたいと思います。

★タグタイトルの文字サイズを変更する方法★

.tag-titleクラスのfont-sizeプロパティを変更する。

▼▼▼ 変更前 ▼▼▼
.tag-title {font-size:x-large;}

▼▼▼ 変更後 ▼▼▼
.tag-title {font-size:24px;}

これで、ご覧のようにタグタイトルの文字サイズが変更できます。

▼▼▼ 変更前 ▼▼▼
SD_045_01.jpg

▼▼▼ 変更後 ▼▼▼
SD_045_02.jpg

CSSでは、文字サイズの変更そのものは非常に簡単です。
ただ、ブログで用意されているCSSを編集する場合は、どのクラスがどこに適用されているのかを見極めなければなりません。

そんな時は、第13回でご紹介したCSSのクラスの調べ方を参考にして下さい。

▼▼▼▼▼▼▼▼▼▼▼▼▼
参考になりましたら
クリック&応援をお願いします
にほんブログ村 ブログノウハウへ
▲▲▲▲▲▲▲▲▲▲▲▲▲

【PR】FXシステムトレードで着実に利益を重ねる長期資産運用方法o(^0^)o ほくほくFX
【PR】日々の運用成績やユーザーの情報満載のブログo(^0^)o ほくほくポートフォリオ
posted by o(^0^)o ほくほく at 20:00| Comment(0) | PCブログデザイン | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
※ブログオーナーが承認したコメントのみ表示されます。
×

この広告は180日以上新しい記事の投稿がないブログに表示されております。