Some MR Neatness in The Works

Onizuka said:

That IS pretty spiffy. Nice work. Would we be able to customize your layout for our own needs? Say I want more of a new brush metal look on some things, can I modify it?

Click to expand...

Yep - it's all done through CSS, and you can edit it any way you like.

Well, it's a javascript file, but the same CSS is in there so it is easy to figure out.

Ok - here is the style with info on how to use it.

Please note that due to limitations of not being able to alter that actual template of MR, I could only change so much. Because of this, some things could not be altered (navigation tabs, etc). Additionally, some links at the bottom could not be changed to "match."

This style is also _only_ optimized for the forums. Other sections of the MR site (main page, page 2, buyers guide, etc) will not be affected by the changes if you use this method.(This can be done, however - let me know if you're interested)

How to put it in action
The method I use requires FireFox. If you use another browser, you still may be able to specify a stylesheet to be used - I will check Safari in more detail once I get home.

Step 1) - Install the greasemonkey addon for firefox (click the install link on the page it brings you to, and it will install instantly)

Step 2 - Restart firefox and come back to this post.

Step 3 - Right click (control click) this link and select "Install User Script" - you should receive a comfirmation, click OK.

Browse to a new place on the forums or hit refresh to make the change take effect. Enjoy

Please let me know if you have any trouble getting this to work, or notice any problems.

Xander562 said:

Wha wha whaaaa..... please keep going for the entire site, this looks way cool.

Click to expand...

Thanks - I'll try tomorrow if I get the time. It's easy to enable it and it works with 90% of the other pages' content, but there are some minor things that need to be adjusted.

Macmaniac said:

Looks really cool. Does it work in Safari?

Click to expand...

The method I posted will not, since it requires greasemonkey. However, Safari may be capable of doing it through another method, which I'll be searching for once I get home. I'll post any info/instructions I can with that as well.

garfield2002 said:

Your instructions worked great. Wow I really like this look.

Click to expand...

Thanks - glad you like it

skoker said:

Quick comment: I haven't installed it yet (still not ready to dump Safari) but in your one screenshot you spelled 'discussion' wrong.


Looks amazing though.

Click to expand...

LOL! I guesss I did.

Thanks for pointing that out - I'll fix it and put up the new one soon

Edit: I just wanted to add that it can be done in Safari with a very similar method. I will post the instructions with the fixed version.

trainguy77 said:

I think this is how you would do it: http://www.hicksdesign.co.uk/journal/skinning-sites-in-safari-with-pithhelmet However I don't use pithhelmet so I don't know if that would work. It made safari unstable.

Click to expand...

Yeah, PithHelmet was the only way I could find for Safari as well.

If anyone is using this and would like the stylesheet, let me know and I can post it.

trainguy77 said:

I tried creating this out of the javascript file but it did not work I am not sure why. Its probably something obvious. Never have been very experienced with CSS/html

I can't upload .css so I changed it too .txt

Click to expand...

Looked fine to me. What method did you use in trying to use it with safari?