CSSで訪問済み(visited)リンクをデザインしてみる。DesignWalkerDesignWalkerロサンゼルスで働くウェブデザイナーの日記。プロフィールコラム英語でECサイトアメリカで働くMenuテクニックCSSで訪問済み(visited)リンクをデザインしてみる。CSSで訪問済み(visited)リンクを設定されていると、ユーザーにとっては一目でそのリンクをクリックしたかどうか分かるので、便利かも。わけで、CSSで訪問済み(visited)リンクをデザインしてみた。色を変えてみる一番一般的な方法。多くのブラウザでは、リンクは、青の下線で表示されて、訪問済みリンクは、紫の下線で表示されてるのが一般的な感じ。打ち消し線を入れてみる訪問済み(visited)リンクに打ち消し線を入れてみた。こんなサイトを見るが。なんだか、リンクが無くなった感じがしないでもない。このまえ、他人のブログで、このブログが紹介されてたのですが...こんな感じ⇒「デザインウォーカー」になってて、ちょっぴり悲しい時だった。画像を使って訪問済みをデザインしてみる。リンク前は、普通のテキストリンクで、クリック後にテキストリンクの右側に、マークが現れる仕組み。訪問済みリンクサンプル←が訪問済みリンクだと、ユーザーに理解されるのか?。テキストを入れてみる。インターネットエクスプローラー(IE)では、サポートされて無いようで。FireFox,Opera,Safariで確認済みの方法をご紹介。CSSに書き込まれた文字列を表示することができる模様。CSSで、a:visitedの後ろに:afterって書くと、「訪問済みリンクの後に」とか、:beforeって書くと「訪問済みリンクの前に」といった感じになるようです。“表示したい文字“;って書くと、””で囲まれた部分に入力された文字列を表示できるようです。AMなんとなくリニューアルスキンだけ変えました。コメントをキャンセルメールアドレスが公開されることはありません。アメリカの最新ウェブ事情や働き方、ウェブマーケティングなどについて書きます。