記事タイトルの文字色を設定する ([blog]exblog)

 exblogの仕様変更で、記事のタイトルにそのタイトルへのリンクが張られるようになり、
文字色がリンク色に変わって見づらくなってしまった。
とりあえず記事タイトルのリンク色を変えることで解決。その解決法をメモる。
(HTMLいじれる人なら簡単に出来ますよ。いじれない人は、まず「CCS 入門」でググれ(外道))

1.スキン編集ページを開き、CSSに記事タイトルのリンク色設定を追加する
 元ネタはこちらaroam氏のコメントより。
CCS内を「DIV.POST_TTL」で検索する。
それが記事のタイトルについての設定なので、その下に以下の設定を追加する。

DIV.POST_TTL A:LINK {COLOR: #000000; TEXT-DECORATION: none;}
DIV.POST_TTL A:VISITED {COLOR: #808080; TEXT-DECORATION: none;}
DIV.POST_TTL A:HOVER {COLOR: #f09629; TEXT-DECORATION: none;}
#(6桁の英数字)のとこは色番号ですので、それぞれ書き換えて下さい。

設定を変更したら、「保存」ボタンを押して設定を反映する。
[補足]
"TEXT-DECORATION"について、タイトル文字を太字にする設定は「DIV.POST_TTL」内でやるほうが吉。
リンク設定内で行うと、意図に反して下線が表示される場合があるので、
当ブログではパラメータを"none"に変えさせていただきました。


氏のコメントならここまでで良いらしいが、オイラのブログでは変わらなかった…orz
試行錯誤の結果、以下の設定を追加することで回避可能。

2.記事全体の「リンク色設定」を解除する
 CCS内を「DIV.POST A:LINK」「DIV.POST A:VISITED」を/**/で囲んでコメント化する。
(消すのは非推奨)
この2つの設定が記事全体のリンク色設定。
設定の優先度が「全体>部分(タイトル、本文など)」なので、とりあえず解除。


3.記事本文および記事フッタのリンク色を設定
 オイラのブログの場合、記事本文と記事フッタ(投稿者とか投稿日とか出てるところ)の
リンク色設定がされてなかったので、2で解除した「DIV.POST A:LINK」と「DIV.POST A:VISITED」をコピペ。
「DIV.POST」の部分を「DIV.POST_BODY(記事本文の設定)または、
「DIV.POST_TAIL(記事フッタの設定)に書換え、自分のブログに合うリンク色を設定する。

4.コメント欄ヘッダのリンク色を設定
 コメント欄ヘッダのユーザ名のリンク色も記事側のタグに依存していたので、
以下のタグを追加して個別に設定する。
DIV.COMMENT_TAIL A:LINK{
COLOR: #4169E1;
TEXT-DECORATION: UNDERLINE;
}

DIV.COMMENT_TAIL A:VISITED{
COLOR: #4169E1;
TEXT-DECORATION: NONE;
}


5.トラックバック欄ヘッダのリンク色を設定
 「記事」タグに依存しすぎ!スキンにもよるんだろうけど。
とりあえず、以下のタグを追加。
DIV.TRACK_TOP A:LINK{
COLOR: #4169E1;
TEXT-DECORATION: UNDERLINE;
}

DIV.TRACK_TOP A:VISITED{
COLOR: #4169E1;
TEXT-DECORATION: NONE;
}


こんなもんで、どうっすか?
[PR]
by nana75 | 2008-01-26 23:35 | OTAKU

暗黒都市Swendieに負けそうな日々の記録をつれづれと…アニメとイーグルスに逃避してorz


by なすのはやて
プロフィールを見る
画像一覧