I just read Amit's excellent
post on Firefox link customization using userContent.css and decided to hack around a bit more. What I produced was something that I had always wanted Firefox to do:
- Now if I hover over a link which will open a new window, I see a red * before it.
- If I hover over a link which has another URL embedded inside, I see a red ~ before it.
- If I hover over an email link (one which will open your default email program), I see a red @ before it, and
- If I hover over a javascript link, I see a red ! before it.
This is extremely useful, especially to a heavy user of tabbed browsing like me.
Here is the code:
*[target*="_blank"]:hover:before {
content: "*";
color: red;
}
*[href*="=http"]:hover:before {
content: "~"; /*content: "\0021b7";*/
color: red;
}
*[href^="mailto:"]:hover:before {
content: "@"; /*content: "\002709";*/
color: red;
}
*[href^="javascript:"]:hover:before {
content: "!"; /*content: "\002707";*/
color: red;
}
Cut and paste this into your
userContent.css file and enjoy! Any further suggestions you have are welcome. And thanks again to Amit for an excellent tweak!
Update: Just some code fixes suggested by Amit.