Forum Home
Press F1
 
Thread ID: 103187 2009-09-15 02:37:00 Updated CSS (forum ads) Erayd (23) Press F1
Post ID Timestamp Content User
810269 2009-09-15 02:37:00 Latest version of Erayd's cleanup CSS.

After applying this stylesheet, the forum should look like the screenshots attached to this post - if it doesn't, something has gone wrong.


/* Hide the junk, ads etc */
#header > div, /* header junk */
#adSpace1, /* top ad below nav */
#ad_thread_first_post_content, /* evil inline ads */
#ad_global_above_footer, /* ads above footer */
div.pcw_footer, /* cluttered, nothing of value except the blog links */
div.boxtrademe_job, /* wraps a non-generically-selectable iframe */
div.clear_space, /* used liberally to insert unnecessary whitespace */
iframe /* these contain ads */
{display: none !important;}

/* Clean up after the inline ads */
div.hasad {
margin-right: 0;
}

/* Bring navbar up to the top & set width */
body {
min-width: 1000px !important;
}
#navbar {
margin-top: -38px !important;
}
div.above_body {
background: #2A2A2A !important;
}
#header #toplinks {
display: block !important;
position: relative !important;
margin-right: 180px !important;
top: 1px !important;
z-index: 999 !important;
}
#toplinks li {
background: transparent !important;
color: #666 !important;
}
#toplinks a {
color: #444 !important;
}
#navtabs > li {
margin-top: -1px !important;
}

/* ***** Changelog *****
* 2011-08-30
* Updated for vBulletin 4
*
* 2010-11-25
* Added support for IE 7+
*
* 2010-11-22
* Complete rewrite to work with the new PCW site theme
*
* 2010-09-23
* Removed all adbureau.net links (incl. images)
*
* 2010-02-11 21:27
* Removed a new banner ad at the top of the forum
*
* 2009-10-29 12:56
* Changed width of left ad column (thanks R2x1 for noticing this)
* Removed a new div containing more top ads
* Removed google ads iframes
* Removed the new logo
*/[Mods edit: code updated by request - 2011-08-30]

As always, any reports of problems or suggestions for improvement are appreciated.

Also as always, a sane ad policy from Fairfax would be appreciated, but I've given up on this ever actually happening - all we've ever got is lip service :groan:.

How to apply in Opera:
Open up your favourite text editor (notepad is popular) and paste the CSS code above into a new file.
Save it as a CSS file somewhere (e.g. 'pressf1.css').
Browse to PressF1.
Right-click the page, then click 'Edit Site Preferences'.
Click on the 'Display' tab.
Click the 'Choose' button in the 'My Stylesheet' section.
Browse to the CSS file you saved earlier, then click 'Open'.
Click 'OK'.
Refresh the page.

How to apply in Chrome:
Install the Stylish addon from here (chrome.google.com) if it's not already installed.
Browse to this page (userstyles.org).
Click 'Install with Stylish'.
A confirmation box will appear - click 'OK'.

How to apply in Firefox:
Install the Stylish addon from here (addons.mozilla.org) if it's not already installed.
Browse to this page (userstyles.org).
Click 'Install with Stylish'.
A confirmation box will appear - click 'Install'.

How to apply in Internet Explorer:
Download Firefox from here (www.mozilla.com), or Opera from here (http://opera.com/).
Install it.
Follow the above instructions as appropriate.

How to apply in Internet Explorer 7 (masochists only):
Open up your favourite text editor (notepad is popular) and paste the CSS code above into a new file.
Save it as a CSS file somewhere (e.g. 'pressf1.css').
If IE is running, close it.
Download and install IE7Pro (http://www.ie7pro.com/).
Save the user script below as an IE7Pro javascript file (.ieuser.js) in the folder 'C:\Program Files\IEPro\userscripts'.
Edit the 'CSSLocation' variable in the user script file to point at the CSS file you saved earlier.
Start IE.
Right-click the IE7Pro icon in the status bar.
Click 'Preferences'.
Click 'User Scripts' in the left sidebar.
Make sure 'Enable User Scripts' is ticked
In the list of scripts, tick the entry for 'PressF1 User Stylesheet Applier'.
Click 'OK'.
Browse to PressF1, or refresh the page if you're there already.

IE7Pro User Script:
// ==UserScript==
// @name PressF1 User Stylesheet Applier
// @namespace http://pressf1.co.nz/
// @description Will apply a locally saved user stylesheet to PressF1
// @include *.pressf1.co.nz
// @include forums.pcworld.co.nz
// @include pressf1.pcworld.co.nz
// ==/UserScript==


// Point this at your CSS file, e.g. 'C:\\pressf1.css'
// Note that all backslashes need to be escaped (i.e. '\' is writen as '\\')
var CSSLocation = 'C:\\pressf1.css';

// Don't touch anything after this point
var styleTag = document.createElement('link');
styleTag.setAttribute('rel', 'stylesheet');
styleTag.setAttribute('type', 'text/css');
styleTag.setAttribute('href', CSSLocation);
document.getElementsByTagName('head')[0].appendChild(styleTag); 		Erayd (23)
810270 2009-09-15 02:46:00 thanks again erayed.

love the IE instructions :p.

that script applies to both forums when im logged in, but when i say click on a link to an old thread the ad on the top left appears, not a biggie but just wondering.

:thumbs: 		GameJunkie (72)
810271 2009-09-15 02:52:00 ...that script applies to both forums when im logged in, but when i say click on a link to an old thread the ad on the top left appears...
Which browser are you using? I'm not seeing that here, but if I can replicate it I'll see what I can do. 		Erayd (23)
810272 2009-09-15 02:55:00 FF 3.5.3

the only change i've made to the script is to have the grey and red bars showing. 		GameJunkie (72)
810273 2009-09-15 02:59:00 FF 3.5.3

the only change i've made to the script is to have the grey and red bars showing.OK, now I see it - stand by. 		Erayd (23)
810274 2009-09-15 03:36:00 Gottem:

/*remove ads and misc branding clutter, clean up layout */
table[bgcolor="#DF0026"], /*red banner at top of page*/
#navigation, /*grey fairfax navbar at top*/
td[width="170"], /*left ads*/
div[style="margin:0 0 5px 0"], /*top ads*/
p[align="center"][style="margin:0px auto"], /*more top ads*/
p[align="center"][style="margin: 0px auto;"] ins, /*even more top ads (firefox only)*/
#sponsor_div, /*bottom ads*/
div[style="width:302px; float:left; margin-right:10px; border:1px solid #cccccc; padding:5px; "], /*more bottom ads*/
#adSpace2 /*even more bottom ads*/
{display: none !important;}

/*fix damaged alignment in forum thread list & forum header*/
td[align="center"] {text-align: left;}

GameJunkie, does this solve your issue? 		Erayd (23)
810275 2009-09-15 03:48:00 yep it does, had to find a thread with a link ot an older thread and the ad's not there

:clap

thanks Erayd 		GameJunkie (72)
810276 2009-09-15 20:48:00 Thanks Erayd, it worked beautifully for me

sarel 		sarel (2490)
810277 2009-10-13 04:34:00 How do I make this script work? convair (13650)
810278 2009-10-13 04:57:00 How do I make this script work?

Read the instructions in the first post, the whole point of this thread is telling you how to get the CSS to work... :confused: 		wratterus (105)
1 2 3 4 5 6 7 8