Firefox extension to underline or change the color of all links?

  • Thread starter Thread starter Jast
  • Start date Start date
J

Jast

Does anyone know of a Firefox extension tjat will underline or change
the color of all links? This is so that some poorly colored links can be
easily seen.
 
Yeah seen that, played with that, but can't get it to work correctly as
a website over-rides the settings and if you force websites to use your
colors it totally screws up the website. I really thought that
recoloring links or underlining them would be pretty simple but
obviously not :(
 
Yeah seen that, played with that, but can't get it to work correctly as a
website over-rides the settings and if you force websites to use your colors
it totally screws up the website. I really thought that recoloring links or
underlining them would be pretty simple but obviously not :(


Hi Jast,

Making links change color or underlining them is easy to do if you're
writing a website. It is rather dangerous if you set that STYLE command
as a default in a browser (if the browser will allow for such default
settings).

The webpage designer knows what the colors on the site will be, and so
a competent designer will choose the link colors correctly. Changing
them in your browser could cause links to "disappear" into table
backgrounds, cell backgrounds, or page backgrounds.
 
Anonymous said:
Hi Jast,

Making links change color or underlining them is easy to do if you're
writing a website. It is rather dangerous if you set that STYLE command
as a default in a browser (if the browser will allow for such default
settings).

The webpage designer knows what the colors on the site will be, and so a
competent designer will choose the link colors correctly. Changing them
in your browser could cause links to "disappear" into table backgrounds,
cell backgrounds, or page backgrounds.
It would be good if that were the case, but web page designers don't
always get it right! Most of the time they are after good looking
colours that sometimes makes it hard to read links, especially already
visited links! Take for example this page
http://en.wikipedia.org/wiki/Moon
Now visit one of the links then go back and look at that visited link,
it is hard to see that you have already been there. The blue and the
purple links are hard to distinguish from each other! I much prefer
visited links to be bright red as I can quickly see where I have
previously been which is very important when you go back to a website to
try and find an article that linked to. I also like seeing links
underlined as this makes them stand out more. Sometimes I just scan for
links as links are like key ideas and important areas most of the time.
 
It would be good if that were the case, but web page designers don't
always get it right! Most of the time they are after good looking
colours that sometimes makes it hard to read links, especially already
visited links! Take for example this page
http://en.wikipedia.org/wiki/Moon
Now visit one of the links then go back and look at that visited link,
it is hard to see that you have already been there. The blue and the
purple links are hard to distinguish from each other! I much prefer
visited links to be bright red as I can quickly see where I have
previously been which is very important when you go back to a website
to try and find an article that linked to. I also like seeing links
underlined as this makes them stand out more. Sometimes I just scan
for links as links are like key ideas and important areas most of the
time.

You need the 'zap colors' bookmarklet. You can get it and other
bookmarklets here:

http://www.squarefree.com/bookmarklets/

and you can read more about how they work here:

http://www.mvps.org/dmcritchie/ie/bookmarklets.htm

My personal favorites are 'printer friendly', 'linearize', 'zap colors',
'go to referrer', 'view passwords', and 'zap cheap effects'.

Chak

--
A tyrant must put on the appearance of uncommon devotion to religion.
Subjects are less apprehensive of illegal treatment from a ruler whom
they consider god-fearing and pious. On the other hand, they do less
easily move against him, believing that he has the gods on his side.
--Aristotle, philosopher (384-322 BCE)
 
It would be good if that were the case, but web page designers
don't always get it right! Most of the time they are after good
looking colours that sometimes makes it hard to read links,
especially already visited links! Take for example this page
http://en.wikipedia.org/wiki/Moon
Now visit one of the links then go back and look at that visited
link, it is hard to see that you have already been there. The blue
and the purple links are hard to distinguish from each other!

Wikipedia doesn't specify the link and visited link colors -- those are
the browser's default ones, which you can change in Fx via the dialog
JJS posted. Wikipedia does turn off link underlining, which you can
override in a couple of ways.
I much prefer visited links to be bright red as I can quickly see
where I have previously been which is very important when you go
back to a website to try and find an article that linked to. I
also like seeing links underlined as this makes them stand out
more. Sometimes I just scan for links as links are like key ideas
and important areas most of the time.

In the chrome subdirectory of your profile directory, you can create a
userContent.css file to override the styles of web pages as well as the
default styles of the browser. You can use the userContent-example.css
file already there as a template. To get all links underlined by
adding the line

a:link { text-decoration: underline !important }

As you've noted, changing link colors is trickier, because websites may
use backgrounds that make your chose colors useless. You can use
userContent.css to override the backgrounds as well, if you like, but
then you're kinda stuck with the entire web being black and white.
Something like

* { background: none !important;
color: black !important;
}
a:link { color: red !important;
text-decoration: underline !important;
}
a:visited { color: cyan !important
text-decoration: underline !important;
}

If you want to do it on a site-by-site basis, you have to add a section
for each site, using @-moz-document. Something like

@-moz-document url-prefix(http://en.wikipedia.org/) {

a:link { color: red !important;
text-decoration: underline !important;
}
a:visited { color: cyan !important
text-decoration: underline !important;
}

}
 
»Q« said:
Wikipedia doesn't specify the link and visited link colors -- those are
the browser's default ones, which you can change in Fx via the dialog
JJS posted. Wikipedia does turn off link underlining, which you can
override in a couple of ways.


In the chrome subdirectory of your profile directory, you can create a
userContent.css file to override the styles of web pages as well as the
default styles of the browser. You can use the userContent-example.css
file already there as a template. To get all links underlined by
adding the line

a:link { text-decoration: underline !important }

As you've noted, changing link colors is trickier, because websites may
use backgrounds that make your chose colors useless. You can use
userContent.css to override the backgrounds as well, if you like, but
then you're kinda stuck with the entire web being black and white.
Something like

* { background: none !important;
color: black !important;
}
a:link { color: red !important;
text-decoration: underline !important;
}
a:visited { color: cyan !important
text-decoration: underline !important;
}

If you want to do it on a site-by-site basis, you have to add a section
for each site, using @-moz-document. Something like

@-moz-document url-prefix(http://en.wikipedia.org/) {

a:link { color: red !important;
text-decoration: underline !important;
}
a:visited { color: cyan !important
text-decoration: underline !important;
}

}

Thanks very much! This is exactly what I wanted!

I'm going to try all links underlined and all visited links underlined
and red.

a:link { text-decoration: underline !important }

a:visited { color: red !important; text-decoration: underline !important}

I guess every now and then the visited red links will not be the best
colour but for most of the time it will be.

This is one of the reasons that I love firefox so much!

Once again thank you very much for your time.
 
Thanks very much! This is exactly what I wanted!

I'm going to try all links underlined and all visited links
underlined and red.

a:link { text-decoration: underline !important }

a:visited { color: red !important; text-decoration: underline
!important}

I'm glad it helped. :)
This is one of the reasons that I love firefox so much!

Me too. There really is a lot behind their "take back the web" slogan.
 
Jast said:
I'm going to try all links underlined and all visited links underlined
and red.
I guess every now and then the visited red links will not be the best
colour but for most of the time it will be.

Set the background-color as well as color.
 
Back
Top