- 締切済み
リンク先の色をURLごとに塗り分けるには?
あるイラスト投稿サイトを見ているんですが、ハイパーリンクのURLごとに色を塗り分けて表示させる方法はありますか? 関連質問 http://okwave.jp/qa/q8949563.html 私が見たい投稿者さんを 好きさん 見たくない投稿者さんを 見たくないさん とします。 この二人が、mountainという景色のイラストを投稿すると、新規投稿のページに mountainという名前だけが表示され,誰が投稿したかは表示されません。 このmoutainをクリックすると、その投稿者さんのプロフィールページに飛ばされます。 そのサイトは少し不親切で、投稿者の名前がでません。作品タイトルのmountainしか表示されないので、好きさん のmountainか 見たくないさん のmoutainかわからないので、毎回すべてのmountainやstar,river等の名前のハイパーリンクをクリックしないといけません。 しかし、mountainでも、riverでもstarでも、新たに投稿されたリンク先のURLは必ず同じ投稿者のURL (例:http/1234)なので、いったんこの 見たくないさん のhttp/1234の色を 赤 などに表示させることができれば、 見たくないさんの作品を避けて 好きさん や 新規で参加された投稿者さんの作品が見れるので リンクごとに色分けさせることができればいいんですが、そのような方法はありますか? ウイルスバスターを使っているんですが、ブロックするURLのところに実験で 見たくないさん のURLを入力してみたらアクセスはできなくなりました。しかし、ハイパーリンクの色を変えたりできないので結局クリックするまでわからないので あまり便利じゃないですね。 Windows8 ブラウザはサファリ クローム ファイアフォックス オペラ その他結構なんでも使います。
- みんなの回答 (3)
- 専門家の回答
みんなの回答
ブラウザでファイルを読み込む際に、独自のCSS(USER CSS)を、読み込む。 そのためのCSSを,MyCSS.cssなどとして記述しておく。
CSSに、記述すればいいのでは?・・・ みたいさんの場合を、青色に a.mitai,a:hover{ color:blue; } みたくないさんの場合は、赤色に a.nolook,a:hover{ color:red; } HTML側で、<a class="mitai" href="#" title="">みたいさん</a> <a class="nolook" href="#" title="">みたくないさん</a> で、いいのでは?・・・
お礼
ありがとうございます CSSに記載というのはどうすればいいんですか?
補足
これは、googleアドオンのstylishに書き込めばできますか?
- narashingo
- ベストアンサー率74% (10168/13677)
実際にサイトで試せないのでそのサイトのイメージが、なかなか分かりづらいですが、サイトごとにリンクカラーを設定できるFirefoxのアドオンNoSquintで代替できないですか? http://mozilla-remix.seesaa.net/article/178833444.html
お礼
ありがとうございます このアドオンは違うかもしれません。 URLを個別に登録したりできませんよね? 見たくないリンクが1ページに数十個あり、毎回表示されるので、そのURLのついたリンクを非表示もしくは、赤などのいろでわかりやすくしたいんです。 そのため、個別にURLを数百個近く登録できるソフトじゃないとダメだと思います。 一番近いのはウイルスバスターで、アクセスしたくないURLを登録すると、そのページにアクセスできなくなりますよね?あれがさらに、そのリンクに色をつけたり、非表示にできたりするとありがたいです。
お礼
ありがとうございます! ぜんぜんわかりません