少しづつ自分好みに変えていくスタイルシート
他人と同じなんて嫌ですよね？
今日は前回の続きで、前回のすぐ下の所から変えていきます
ここ！
a
{
color: #ffffff;
text-decoration: underline;
}
a:link
{
color: #ffffff;
text-decoration: underline;
}
a:visited
{
color: #ff0000;
text-decoration: underline;
}
a:active
{
color: #ffffff;
}
a:hover
{
color: #ff0000;
text-decoration: underline;
}
上から
a:
a:link
a:visited
a:active
a:hover
この項目を弄っていきます
まず説明
a:
これは･･･分かりませんでしたorz 分かる人教えてTAT
次ｗ
a:link
これは
[プロフィール画面]（
メールはこちらから、
プロフィール編集、
お友達からの紹介文、
友達、ようこそ
（自分の名前）さん｜
ログアウト）
[ブログ画面]（
ＰＲ、カレンダーの
<<当月>>、ブログ下の
コメント＆
トラックバック＆
カテゴリ、ページ最下部の
次へ>> ）
[愛車紹介画面] （
愛車名、ページ最下部の
「知る」項、
「情報交換」項、
「国ごとのメーカー名」項
[おすすめスポット画面]（
都道府県名、
カテゴリ、
スポット名）
[Ｍｙ掲示板画面]（
掲示板名、
この掲示板について）
これらの項目でまだクリックしていない（見ていない）箇所
a:visited
これは一度見た項目（クリックした）箇所
a:active
これは前回クリック（開いた）箇所
a:hover
これは『a:link』の項で示した箇所で、カーソルを合わせた時に色が変わります
各項目ごとに色を変更できる箇所が異なります
どの項目にも
『color:#○○○○○○;』ってのがある
『○』の中に入っている六桁の半角英数字がカラーコード
カラーコードを書き変えることで各箇所の色を変更できます
僕は
ここでカラーコードを調べています
であ、書き換えます！
a
{
color: #ffffff;
text-decoration: underline;
}
a:link
{
color:
#ffdead;
text-decoration: underline;
}
a:visited
{
color:
#66ffff;
text-decoration: underline;
}
a:active
{
color:
#ffff33;
}
a:hover
{
color:
#ff66cc;
text-decoration: underline;
}
よし！
デフォだと見難いところが有ったので、背景との組み合わせを考えず、ただ見やすくしただけｗ
見難いところが有ったら言ってください
スタイル編集ではプレビューを良く使うけど、いっぱい開いていると･･･どれが基でどれが今回変更したものか分からなくなった(;д⊂
確認終わったら閉じろよ･･･俺･･･orz
Posted at 2006/03/19 14:49:27 | |
トラックバック(0) |
スタイルシート編集 | 日記
スタイルシート編集Part２ 
じみ～の手術が終わり家に帰ってきました
