changing site link and text colors individually - Tilted Forum Project Discussion Community

Holo · 12-17-2003, 09:34 AM

Is there any program that can do this? I'm looking at Proxomitron but I can't find amy premade filter s and I know nothing about CSS or HTML. Does anyone know a prog that will let me have multiple CSS assigned to multiple given websites? I know IE can do a global one but I only want to change certain pages to different colors. Any help you can give would be appreciated.

cheerios · 12-17-2003, 10:56 AM

pages you're hosting, or pages you view? if you use a global CSS style, it'll change everything... I don't know if you CAN do specific links without editing the site's source code. Here's what it'd look like to change all url links to purple though:

Code:

a {
	color: purple;
}

far as i know, you put that in a foo.css file and point your browser at it, and all a href="blah" links will be purple. you can also put the hex code for colors in there.

edit: here's a list of other stuff you can do with CSS.
http://www.w3schools.com/css/css_reference.asp
the bit outside the curly braces determines what tag your modifying, and the stuff inside specifies values. you can also do

Code:

.foo{
attributes here
}

then in certain tags do sompething like
[a type="foo"] (with angles of course) and it'll apply only to those tags. there's a 3rd kind that are declared with a
#foo{} but I'm not clear on how they work.

Hope that'll get you started

Redlemon · 12-17-2003, 11:35 AM

I use a javascript under Mozilla Firebird, it might work on IE as well (or there's probably a similar one):

Code:

javascript: (function(){var newSS, styles='* { background: white ! important; color: black !important } :link, :link * { color: #0000EE !important } :visited, :visited * { color: #551A8B !important }'; 
if(document.createStyleSheet) { document.createStyleSheet(%22javascript:'%22+styles+%22'%22); } else { newSS=document.createElement('link'); 
newSS.rel='stylesheet'; newSS.href='data:text/css,'+escape(styles); document.documentElement.childNodes[0].appendChild(newSS); } })();

It isn't quite as convenient as what you are asking for, but with a simple button press (I keep it in the toolbar), it sets the page to white, the text to black, the links to blue/purple, removes background images, and probably some other stuff.

12-17-2003, 09:34 AM	#1 (permalink)
Holo A Real American	changing site link and text colors individually Is there any program that can do this? I'm looking at Proxomitron but I can't find amy premade filter s and I know nothing about CSS or HTML. Does anyone know a prog that will let me have multiple CSS assigned to multiple given websites? I know IE can do a global one but I only want to change certain pages to different colors. Any help you can give would be appreciated. __________________ I happen to like the words "fuck", "cock", "pussy", "tits", "cunt", "twat", "shit" and even "bitch". As long as I am not using them to describe you, don't go telling me whether or not I can/should use them...that is, if you want me to continue refraining from using them to describe you. ~Prince

12-17-2003, 10:56 AM	#2 (permalink)
cheerios Banned Location: 'bout 2 feet from my iMac	pages you're hosting, or pages you view? if you use a global CSS style, it'll change everything... I don't know if you CAN do specific links without editing the site's source code. Here's what it'd look like to change all url links to purple though: Code: a { color: purple; } far as i know, you put that in a foo.css file and point your browser at it, and all a href="blah" links will be purple. you can also put the hex code for colors in there. edit: here's a list of other stuff you can do with CSS. http://www.w3schools.com/css/css_reference.asp the bit outside the curly braces determines what tag your modifying, and the stuff inside specifies values. you can also do Code: .foo{ attributes here } then in certain tags do sompething like [a type="foo"] (with angles of course) and it'll apply only to those tags. there's a 3rd kind that are declared with a #foo{} but I'm not clear on how they work. Hope that'll get you started Last edited by cheerios; 12-17-2003 at 11:01 AM..

12-17-2003, 11:35 AM	#3 (permalink)
Redlemon Devoted Donor Location: New England	I use a javascript under Mozilla Firebird, it might work on IE as well (or there's probably a similar one): Code: javascript: (function(){var newSS, styles='* { background: white ! important; color: black !important } :link, :link * { color: #0000EE !important } :visited, :visited * { color: #551A8B !important }'; if(document.createStyleSheet) { document.createStyleSheet(%22javascript:'%22+styles+%22'%22); } else { newSS=document.createElement('link'); newSS.rel='stylesheet'; newSS.href='data:text/css,'+escape(styles); document.documentElement.childNodes[0].appendChild(newSS); } })(); It isn't quite as convenient as what you are asking for, but with a simple button press (I keep it in the toolbar), it sets the page to white, the text to black, the links to blue/purple, removes background images, and probably some other stuff. __________________ I can't read your signature. Sorry.