記事タイトルの文字色を設定する ([blog]exblog)
2008年 01月 26日
文字色がリンク色に変わって見づらくなってしまった。
とりあえず記事タイトルのリンク色を変えることで解決。その解決法をメモる。
(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;
}
こんなもんで、どうっすか?