きまぐれAWA's Life

アクセスカウンタ

zoom RSS CSS(フォント編)第3回 リンクの付いているフォント♪

<<   作成日時 : 2008/02/28 16:11   >>

ブログ気持玉 0 / トラックバック 0 / コメント 0

前回の設定では『新着記事一覧』のリンク文字の部分だけ変更しました。
ブログを見ると全体にリンクのついている文字がたくさんあります。
中には一箇所ずつではなく、まとめてデザインの指定が出来きる場所があります。




 メイン部分のリンク文字をまとめて変更♪ 

 A 『 共通スタイル 』 CSS 全体Map 

/* アンカー */
a,
a:link,
a:active,
a:visited,
a:hover{
}




この設定でメイン部分のリンク文字はだいたい変えることができます。
デザイン指定をする場所は『/* 共通スタイル */』の『/* アンカー */』の所です。
前回のように『未訪問』『訪問済』『ポインタを置いた時』と個々に色分けをしてみます。
それぞれの変更ポイントは以下の通りです。

未訪問 : a:link{color:●;}
訪問済 :a:visited{color:●;}
ポインタを置いた時 :a:hover{color:●;}

変更ポイントを押さえた上でデフォルトから下の文字列に全文置き換えます。

/* アンカー */
a,
a:link{color:●;}
a:active{
}
a:visited{color:●;}
a:hover{color:●;}



W3C CSS Validator(CSS検証サービス)でCSSのチェックのチェックをしたところ、
前回の記述の仕方ではエラーが出たのでデフォルトから上の文字列に置き換えました。
うちの環境では特に問題なく表示されていましたが、以後こちらでCSS編集を続けていきます。


デザインの優先順位はCSS編集画面の『上』より『下』が優先されて適用されます。
『ここ(上)』で指定したデザインより、前回行った『一覧ヘッダセルのリンク文字(下)』の
デザインが優先されます。

ブログのおおまかな部分を変えておいてから変えたい部分をポイント的に
デザインを指定していくという事になります。




次回はコンポーネント領域のデザイン指定をしてみます。(にこ)


それでは、今回はこのくらいで(わら)


|ω・)ノシ See you♪

|彡 サッ




■ ブログをいじっちゃおぅ♪ 〜 ブログのレシピ 〜 ■


テーマ

関連テーマ 一覧


月別リンク

ブログ気持玉

クリックして気持ちを伝えよう!
ログインしてクリックすれば、自分のブログへのリンクが付きます。
→ログインへ

トラックバック(0件)

タイトル (本文) ブログ名/日時

トラックバック用URL help


自分のブログにトラックバック記事作成(会員用) help

タイトル
本 文

コメント(0件)

内 容 ニックネーム/日時

コメントする help

ニックネーム
URL(任意)
本 文
  現在の閲覧者数:

* ぱにゃステ *

『ぱにゃステ』 customized by mairis
 
 
ふぉろーみー

CSS(フォント編)第3回 リンクの付いているフォント♪ きまぐれAWA's Life/BIGLOBEウェブリブログ
文字サイズ:       閉じる