« 欲しい…。Creative NOMAD MuVo2 FM 5GB ホワイト CMV2F5G-W。 | トップページ | ココログでサイト内検索をする方法 »

2004.09.16

ココログのスタイルシートで 1.リンクの色 2.行の高さ(line-height)を変更

9/16 ココログのユーザビリティ/アクセサビリティを向上させるために、まずはスタイルシートで 1.リンクの色 2.行の高さ(line-height)を変更

1.リンクの色

デフォルト(既定値)ではリンクは「表示済み」でも「未表示」でも同じ色で区別がつかないので、インターネット標準の「表示済み」は「紫色」、「未表示」は「青色」に設定する。

A:link {
/*  COLOR: #003366 */
        COLOR: blue;
}
A:visited {
/*  COLOR: #003366 */
        COLOR: purple;
}

9/17追加:Activeなリンクは「赤色」で表示する。

A:active {
/*  COLOR: #003366 */
        COLOR: red;
}
A:hover {
/*  COLOR: #003366 */
        COLOR: red;

2.行の高さ(line-height)

プログラムのコードやソースを表示する際にデフォルト(既定値)では行の高さが 150% で見にくいので、行の高さを 100% にする。

/* 2004/9/16 追加 */
CODE {
        LINE-HEIGHT: 100%;
}
PRE {
        LINE-HEIGHT: 100%;
}
 

変更したスタイルのアップロードの方法は「ココログベーシック(無料コース)のテンプレート/スタイルの幅を大きくする。(変更/カスタマイズ)」http://d-k.cocolog-nifty.com/blog/2004/08/post_8.html参照。



|

« 欲しい…。Creative NOMAD MuVo2 FM 5GB ホワイト CMV2F5G-W。 | トップページ | ココログでサイト内検索をする方法 »

コメント

コメントを書く



(ウェブ上には掲載しません)




トラックバック

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

この記事へのトラックバック一覧です: ココログのスタイルシートで 1.リンクの色 2.行の高さ(line-height)を変更:

« 欲しい…。Creative NOMAD MuVo2 FM 5GB ホワイト CMV2F5G-W。 | トップページ | ココログでサイト内検索をする方法 »