Any chance PlanetSuzy might enable a dark mode for browsing?

[SaintsDecay]

Wow, I really suck at using Stylish apparently. I followed your instructions up to 'Blank Style'. The thing is, though, that I can't figure out how to input the code. I'm just confused as hell about it.

I've seen before that you can bring up a stylesheet editor at the bottom of Firefox, but I can't remember how to do that. Is that how this is done? Any help would be much appreciated, man.

I think ¡pepo! underestimates his abilities.

[pepo-pepo]

Originally Posted by SaintsDecay

Wow, I really suck at using Stylish apparently. I followed your instructions up to 'Blank Style'. The thing is, though, that I can't figure out how to input the code. I'm just confused as hell about it.

I've seen before that you can bring up a stylesheet editor at the bottom of Firefox, but I can't remember how to do that. Is that how this is done? Any help would be much appreciated, man.

I think ¡pepo! underestimates his abilities.

When you get to 'Blank Style' then there is a box that says 'Insert' -- just put all the code in there and save it. That's all there is.

[SaintsDecay]

I only see 'Insert' as a dropdown menu.

[pepo-pepo]

Originally Posted by SaintsDecay

I only see 'Insert' as a dropdown menu.

Just click in that box under 'Insert'... right under the word 'Insert'... you should be able to paste into that big grey box area.

[When in Rome]

Originally Posted by Heuristix

Here are the 2 images needed, if they don't appear using that image host.

Yup - these worked for me. Kinda nerdy but a pretty good skin nonetheless.

[smallwoodenruler]

Oh wow - this is sex on legs!

Does that mean that I can change it to look like CSI computers too?

I gotta go off and try that now......

Not sure what to change now - what is the code written in so I can learn how to do this?

Most of what this does is over ride (Due to the !important tag} some of the Planetsuzy CSS (Cascading Style Sheets) classes.

The colours are in Hexidecimal.. See: http://w3schools.com/tags/ref_co...ker.asp#FF6666
So to change the colours:

.alt1, .alt2, .alt1Active, .alt2Active {
background: #000 !important;
color: #fff !important;
}

Broken down into it's elements means:

.alt1, .alt2, .alt1Active, .alt2Active

Are the classes affected, in this case multiple classes, being the forum threads, topics etc

background: #000 !important;

is the background colour of those classes

color: #fff !important;

is the text colour for those classes


Changing an image which isn't defined by CSS is more complex, but keeping it simple..

img[src="images/left-logo.jpg"] {
background: url(background: url(http://img282.imagevenue.com/aAfkjfp01fo1i-8615/loc166/480044186_Planet_122_166lo.jpg) #000 !important;) #000 !important;
width: 0 !important;
height: 160px !important;
padding-left: 950px !important}

Where it finds an image tag with src of...

img[src="images/left-logo.jpg"]

Replace with:

background: url(background: url(http://img282.imagevenue.com/aAfkjfp01fo1i-8615/loc166/480044186_Planet_122_166lo.jpg) #000 !important;) #000 !important;

By reducing current image width to 0:

width: 0 !important;

Here use the height & width of your replacement image

height: 160px !important;
padding-left: 950px !important

That should get you started to have fun with it.

[helpme]

I think PS should make this a 3rd option to chose of how you view the forum.

[helpme]

I can't seem to get the background image to appear. The the planet logo is visible.

[smallwoodenruler]

Originally Posted by Heuristix

Most of what this does is over ride (Due to the !important tag} some of the Planetsuzy CSS (Cascading Style Sheets) classes.'
---===###===---
cut
---===###===---
That should get you started to have fun with it.

Thanks Heuristix - that's great.

All I have to do now is play until I understand it.

Cheers,

Smallwoodenruler