Full Variable Width Style Mod: Stretch's Forum Across Screen (Updated Jan 2012)

cocomonk22

Sr Member
For anyone who doesn't like the new fixed width, I have made a userstyle that stretches the forum to fit the screen:
the RPF - Full Width - Themes and Skins for therpf.com - userstyles.org

Before:
rpffixedwidth.png


After:
rpffullwidth.png


It should work on Firefox with Stylish or as a userscript, IE7Pro as a userscript, Chrome with Stylish or as a userscript, Opera with a user JS, and other some other browsers.
 
Last edited:
Re: Full Width Style Modification

Oh, perfect! Just came across this.. very easy and painless, since I'm already using FireFox! :)

Now if I can just tweak it to automatically rename the Junkyard back.. :lol
 
Re: Full Width Style Modification

I loaded this just to see and it works perfectly. Now I just have to decide whether to keep it or go back to fixed width. I was sort of getting used to having it all in the middle of the screen.
 
Re: Full Width Style Modification

Thanks for this! Works brilliantly, and looks great on my widescreen monitor! :thumbsup
 
Re: Full Width Style Modification

Ok, once I figured which folder to put it in it works like a charm for Opera. Thanks!
This needs to be made sticky so all widescreen folks can make use of it.
 
Re: Full Width Style Modification

I've downloaded and installed it using FF . I've restarted FF but I'm still getting the normal view?
 
Re: Full Width Style Modification

You have to download the program, and then go back to the link and download the script. I did the same thing...
 
Re: Full Width Style Modification

Now if I can just tweak it to automatically rename the Junkyard back.. :lol

Add this to the existing script at the very bottom...

Code:
// Junkyard renaming script by Exoray


//
// Change 'The Marketplace' 'CLASSIFIEDS' in blue threads bar
//

var els = document.getElementsByClassName("tcat");
for(var i = 0, l = els.length; i < l; i++) {
  var el = els[i];
  el.innerHTML = el.innerHTML.replace(/The Marketplace/,'The Junkyard');
  el.innerHTML = el.innerHTML.replace(/CLASSIFIEDS/, 'JUNKYARD');
}

//
// Change 'The Marketplace' on main index page
//

var els = document.getElementsByTagName("strong");
for(var i = 0, l = els.length; i < l; i++) {
  var el = els[i];
  el.innerHTML = el.innerHTML.replace(/The Marketplace/, 'The Junkyard');
}

//
// Change 'CLASSIFIEDS' in tree view at top
//

var els = document.getElementsByClassName("alt1");
for(var i = 0, l = els.length; i < l; i++) {
  var el = els[i];
  el.innerHTML = el.innerHTML.replace(/CLASSIFIEDS/, 'JUNKYARD');
}

****EDIT****

This line also needs to be added to the script near the top right after the last

// @include

line...

Code:
// @require http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js
 
Last edited:
Back
Top