category
サイト構築 -CSS

[CSS]サイトのデザインに合わせて、visitedを色の変更以外で分かりやすくする方法

  • この記事をdel.cio.usに登録する
  • この記事をはてなブックマークに登録する
  • この記事をGoogleブックマークに登録する
  • この記事をYahoo!ブックマークに登録する
  • この記事をdiggに登録する
  • この記事をlivedoor clipに登録する
  • この記事を@nifty クリップに登録する

visitedのデザインを色の変更以外で分かりやすくするスタイルシートを9 Lessonsから紹介します。

デモのキャプチャ

Visited links strike out with CSS
demo

visitedに「text-decoration:line-through;」と「opacity」を指定しているのですが、「line-through」は「打ち消し線」もしくは「取り消し線」なので使用にはご注意ください。
当サイトのようにリンクに下線がある場合も、却って邪魔になるかもしれません。

使用するシーンは限定されますが、下記のサイトのようなデザインだとvisitedの打ち消し線と不透明度も違和感がないです。

サイトのキャプチャ

oursignal.com

Post on:2009年6月4日

  • この記事をdel.cio.usに登録する
  • この記事をはてなブックマークに登録する
  • この記事をGoogleブックマークに登録する
  • この記事をYahoo!ブックマークに登録する
  • この記事をdiggに登録する
  • この記事をlivedoor clipに登録する
  • この記事を@nifty クリップに登録する

トラックバック

トラックバック(URL)

コメント

comment:

※承認制のため、即時には反映されません。

Srinivas Tamada
on 2009年6月4日

Thanks…..

coliss
on 2009年6月4日

Srinivas, thanks for visited my site :-)

ページの先頭へ




© coliss

RSS