Modifying OcUK

Zebede · 13 Apr 2007 at 00:55

I know this is a huge bump but I can't for the life of me get Rob's custom buttons to work.

I've tried editing 'main.js' from the 'ocuk but better' extension so the line points to the correct location where I've uploaded the images and then re-compressing it, but when I install it, the same old images are there.
I've also tried using the edited 'main.js' as a Greasemonkey script, again pointing to where I've uploaded the images, still no luck.
Has anybody got it working since the thread died?

MarcLister · 31 May 2007 at 21:10

I'm trying, and failing, dismally, to hide some elements on Lifehacker.com. They stored some ads I believe, but AdBlockPlus has removed them and now the white boxes they were displayed in remain.

Code:

@-moz-document domain(lifehacker.com) {

#ad160x600,#navigation {
	 display:none !important;
}
}

That is the CSS code I've got in my userContent.css but its not making any difference. There is the ad160x600 and ad160x160 I want to hide as well as the navigation element which is a horrible grey login bar at the top of the page.

Can any CSS experts tell me what I'm doing wrong?

MarcLister · 3 Jun 2007 at 16:04

Wahey! I've fixed it. Or rather a mate of mine did. He installed the Stylish extension for Firefox and wrote a style for Lifehacker that way.

If you are interested in the Lifehacker code then:

Code:

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("www.lifehacker.com") {
#adAtTop
{display:none !important;}
#ad160x600
{display:none !important;}
#ad160x160
{display:none !important;}
#editorial
{display:none !important;}
#navigation
{display:none !important;}
}

The last bit, #navigation, gets rid of the grey login bar at the top of Lifehacker.com so if you need to login to Lifehacker.com to post comments then just delete:

Code:

#navigation
{display:none !important;}

REMEMBER to keep the

Code:

on the last line though.

Deleted member 58846 · 5 Jun 2007 at 11:21

Very nice work you lot!

georges · 23 Jun 2007 at 16:37

robmiller said:
Now I can highlight users based on certain criteria, like if they're the thread starter:

http://pwnt.co.uk/uploads/files/1/ocuk-modified6.png[/IMG

or if they're a special person:

[IMG]http://pwnt.co.uk/uploads/files/1/ocuk-modified7.png[/IMG
[IMG]http://pwnt.co.uk/uploads/files/1/ocuk-modified8.png[/IMG

(:D)

Code so far if anyone wants a peek:
[url]http://pwnt.co.uk/uploads/files/1/main.js[/url][/QUOTE]

Sorry to bump again, was reinstalling windows so came here to get the code for stylish for SAocuk.

Then I saw this :o

Anyway, i've tried installing it with greasemonkey and it doesn't have any effect, although greasemonkey says it is loaded when you go onto these forums.

I've tried disabling stylish, and also adding the follow bit from your other script which I changed to suit this one, but nothing has helped so far. What have I done wrong?
[PHP]// ==UserScript==
// @name OcUK name highlighter
// @namespace http://robm.me.uk/
// @description Highlights set users' names
// @include http://forums.overclockers.co.uk/showthread*
// ==/UserScript== [/PHP]

In greasemonkey, it's enabled and set to go on on "http://forums.overclockers.co.uk/showthread*" and when I view a thread and right click GM, it has a tick next to it.

Thanks if you can help! :)

knowlesy · 16 Aug 2007 at 21:56

awsome the grey is class!!!!!

iCraig · 17 Aug 2007 at 09:34

Can this work on any vBulletin forum? Or is it wired just for OcUK?

Mr_L · 17 Aug 2007 at 10:06

You just have to change the URL (highlighted in yellow below) and it should work on any vBulletin forum. Obviously you change it to the URL of the forum you want to change.

Code:

@-moz-document domain([color=Yellow][b]forums.overclockers.co.uk[/b][/color]) {
	/* 
	** OcUK colour scheme changer 
	** By Rob Miller
	*/
	* { color:#fff !important; }
	textarea, input, body, .page, .thead, .tfoot, .alt2, .alt2Active, .panel { background:#222 !important; }
	.alt1, .alt1Active, .panelsurround, .vbmenu_option { background:#333 !important; }
	.vbmenu_control, .vbmenu_hilite, .tcat { background-color: #444 !important; }
	.vbmenu_popup { border: 1px solid #ccc !important; }
}

GeForce · 19 Aug 2007 at 00:25

Hi all, I love the grey one.

Just one thing, the link in the OP for the Ocuk-but-better firefox extension to modify the images is dead.

Can it be updating/re-hosted/etc?

TIA, Jon

iCraig · 20 Aug 2007 at 17:32

I also cant get the extension for changing the images.

dirtybeatfreak · 20 Aug 2007 at 21:52

GeForce said:
Hi all, I love the grey one.

Just one thing, the link in the OP for the Ocuk-but-better firefox extension to modify the images is dead.

Can it be updating/re-hosted/etc?

TIA, Jon

me 3

Mr_L · 20 Aug 2007 at 23:13

**Current version now in post #139.**

It's a bit long winded, but this should work. I've done the images with CSS and started doing the icons. If you're lucky I might do some more of the icons tomorrow.

Preview:

Code:

Code:

@-moz-document domain(forums.overclockers.co.uk) {
    /* 
    ** OcUK colour scheme changer 
    ** By Rob Miller
    */
    * { color:#fff !important; }
    textarea, input, body, .page, .thead, .tfoot, .alt2, .alt2Active, .panel { background:#222 !important; }
    .alt1, .alt1Active, .panelsurround, .vbmenu_option { background:#333 !important; }
    .vbmenu_control, .vbmenu_hilite, .tcat { background-color: #444 !important; }
    .vbmenu_popup { border: 1px solid #ccc !important; }
    /*img[src$="vBulletin_logo7.gif"] { background-image: url('http://www.google.co.uk/intl/en_uk/images/logo.gif'); width: 0px; height: 110px; overflow: hidden; padding-left: 276px; }*/
    img[src$="lastpost.gif"]{background-image: url('http://ceefourbee.co.uk/ocuk-buttons/last-post.png'); width: 0; height: 16px; overflow: hidden; padding-left: 16px;}
    img[src$="collapse_thead_collapsed.gif"]{background-image: url('http://ceefourbee.co.uk/ocuk-buttons/collapsed.png'); width: 0; height: 16px; overflow: hidden; padding-left: 16px;}
    img[src$="collapse_tcat_collapsed.gif"]{background-image: url('http://ceefourbee.co.uk/ocuk-buttons/collapsed.png'); width: 0; height: 16px; overflow: hidden; padding-left: 16px;}
    img[src$="collapse_thead.gif"]{background-image: url('http://ceefourbee.co.uk/ocuk-buttons/collapse.png'); width: 0; height: 16px; overflow: hidden; padding-left: 16px;}
    img[src$="collapse_tcat.gif"]{background-image: url('http://ceefourbee.co.uk/ocuk-buttons/collapse.png'); width: 0; height: 16px; overflow: hidden; padding-left: 16px;}
    img[src$="edit.gif"]{background-image: url('http://ceefourbee.co.uk/ocuk-buttons/edit-post.png'); width: 0; height: 16px; overflow: hidden; padding-left: 67px;}
    img[src$="quote.gif"]{background-image: url('http://ceefourbee.co.uk/ocuk-buttons/quote-post.png'); width: 0; height: 16px; overflow: hidden; padding-left: 67px;}
    img[src$="trust.gif"]{background-image: url('http://ceefourbee.co.uk/ocuk-buttons/users-trust.png'); width: 0; height: 16px; overflow: hidden; padding-left: 67px;}
    img[src$="reply.gif"]{background-image: url('http://ceefourbee.co.uk/ocuk-buttons/reply-to-post.png'); width: 0; height: 19px; overflow: hidden; padding-left: 99px;}
    img[src$="newthread.gif"]{background-image: url('http://ceefourbee.co.uk/ocuk-buttons/start-new-thread.png'); width: 0; height: 19px; overflow: hidden; padding-left: 99px;}
}

iCraig · 20 Aug 2007 at 23:20

Thank you.

Edit: Just read your latest blog entry. Sorry to hear about your accident dude.

I wish you a speedy recovery.

NokkonWud · 21 Aug 2007 at 04:12

Can anyone more CSS inclined than me come up with a WWTDD'ish theme?

G-MAN2004 · 21 Aug 2007 at 04:18

NokkonWud said:
Can anyone more CSS inclined than me come up with a WWTDD'ish theme?

Off topic.

Another WWTTDD reader? I'm not alone, woo.

Mr_L · 21 Aug 2007 at 12:15

iCraig said:
Thank you.

Edit: Just read your latest blog entry. Sorry to hear about your accident dude. I wish you a speedy recovery.

Thanks.

I should get better, it's just going to take time.

Mr_L · 21 Aug 2007 at 12:50

**Current version now in post #139.**

OK, I've changed some more of the icons for your pleasure.

Preview:

Code:

Code:

@-moz-document domain(forums.overclockers.co.uk) {
    /* 
    ** OcUK colour scheme changer 
    ** By Rob Miller
    */
    * { color:#fff !important; }
    textarea, input, body, .page, .thead, .tfoot, .alt2, .alt2Active, .panel { background:#222 !important; }
    .alt1, .alt1Active, .panelsurround, .vbmenu_option { background:#333 !important; }
    .vbmenu_control, .vbmenu_hilite, .tcat { background-color: #444 !important; }
    .vbmenu_popup { border: 1px solid #ccc !important; }
    /*
    * The images and icons follow. Modify the URL of each one if you wish to host it yourself.
    */
    img[src$="vBulletin_logo7.gif"] { background-image: url('http://ceefourbee.co.uk/ocuk-buttons/header.png'); width: 0px; height: 84px; overflow: hidden; padding-left: 240px;}
    img[src$="rating_1.gif"]{background-image: url('http://ceefourbee.co.uk/ocuk-buttons/rating_1.png'); width: 0; height: 12px; overflow: hidden; padding-left: 60px;}
    img[src$="rating_2.gif"]{background-image: url('http://ceefourbee.co.uk/ocuk-buttons/rating_2.png'); width: 0; height: 12px; overflow: hidden; padding-left: 60px;}
    img[src$="rating_3.gif"]{background-image: url('http://ceefourbee.co.uk/ocuk-buttons/rating_3.png'); width: 0; height: 12px; overflow: hidden; padding-left: 60px;}
    img[src$="rating_4.gif"]{background-image: url('http://ceefourbee.co.uk/ocuk-buttons/rating_4.png'); width: 0; height: 12px; overflow: hidden; padding-left: 60px;}
    img[src$="rating_5.gif"]{background-image: url('http://ceefourbee.co.uk/ocuk-buttons/rating_5.png'); width: 0; height: 12px; overflow: hidden; padding-left: 60px;}
    img[src$="forum_new.gif"]{background-image: url('http://ceefourbee.co.uk/ocuk-buttons/new-posts.png'); width: 0; height: 16px; overflow: hidden; padding-left: 16px;}
    img[src$="forum_old.gif"]{background-image: url('http://ceefourbee.co.uk/ocuk-buttons/old-posts.png'); width: 0; height: 16px; overflow: hidden; padding-left: 16px;}
    img[src$="forum_old_lock.gif"]{background-image: url('http://ceefourbee.co.uk/ocuk-buttons/old-posts-locked.png'); width: 0; height: 16px; overflow: hidden; padding-left: 16px;}
    img[src$="user_offline.gif"]{background-image: url('http://ceefourbee.co.uk/ocuk-buttons/user-offline.png'); width: 0; height: 16px; overflow: hidden; padding-left: 16px;}
    img[src$="user_online.gif"]{background-image: url('http://ceefourbee.co.uk/ocuk-buttons/user-online.png'); width: 0; height: 16px; overflow: hidden; padding-left: 16px;}
    img[src$="multipage.gif"]{background-image: url('http://ceefourbee.co.uk/ocuk-buttons/multipage.png'); width: 0; height: 16px; overflow: hidden; padding-left: 16px;}
    img[src$="sticky.gif"]{background-image: url('http://ceefourbee.co.uk/ocuk-buttons/sticky.png'); width: 0; height: 16px; overflow: hidden; padding-left: 16px;}
    img[src$="lastpost.gif"]{background-image: url('http://ceefourbee.co.uk/ocuk-buttons/last-post.png'); width: 0; height: 16px; overflow: hidden; padding-left: 16px;}
    img[src$="firstnew.gif"]{background-image: url('http://ceefourbee.co.uk/ocuk-buttons/collapsed.png'); width: 0; height: 16px; overflow: hidden; padding-left: 16px;}
    img[src$="menu_open.gif"]{background: url('http://ceefourbee.co.uk/ocuk-buttons/collapsed.png') no-repeat bottom; width: 0; height: 16px; overflow: hidden; padding-left: 16px; margin-top: 3px;}
    img[src$="collapse_thead_collapsed.gif"]{background-image: url('http://ceefourbee.co.uk/ocuk-buttons/collapsed.png'); width: 0; height: 16px; overflow: hidden; padding-left: 16px;}
    img[src$="collapse_tcat_collapsed.gif"]{background-image: url('http://ceefourbee.co.uk/ocuk-buttons/collapsed.png'); width: 0; height: 16px; overflow: hidden; padding-left: 16px;}
    img[src$="collapse_thead.gif"]{background-image: url('http://ceefourbee.co.uk/ocuk-buttons/collapse.png'); width: 0; height: 16px; overflow: hidden; padding-left: 16px;}
    img[src$="collapse_tcat.gif"]{background-image: url('http://ceefourbee.co.uk/ocuk-buttons/collapse.png'); width: 0; height: 16px; overflow: hidden; padding-left: 16px;}
    img[src$="edit.gif"]{background-image: url('http://ceefourbee.co.uk/ocuk-buttons/edit-post.png'); width: 0; height: 16px; overflow: hidden; padding-left: 67px;}
    img[src$="quote.gif"]{background-image: url('http://ceefourbee.co.uk/ocuk-buttons/quote-post.png'); width: 0; height: 16px; overflow: hidden; padding-left: 67px;}
    img[src$="trust.gif"]{background-image: url('http://ceefourbee.co.uk/ocuk-buttons/users-trust.png'); width: 0; height: 16px; overflow: hidden; padding-left: 67px;}
    img[src$="reply.gif"]{background-image: url('http://ceefourbee.co.uk/ocuk-buttons/reply-to-post.png'); width: 0; height: 19px; overflow: hidden; padding-left: 99px;}
    img[src$="newthread.gif"]{background-image: url('http://ceefourbee.co.uk/ocuk-buttons/start-new-thread.png'); width: 0; height: 19px; overflow: hidden; padding-left: 99px;}
}

The easy way to use it is just to copy and paste into userContent.css, which should be okay now that I've disabled hot linking on the OcUK forum domain. But if you'd like to save me some bandwidth, you can download the images and host them yourself (right click, save link as). You'll obviously have to modify the URLs for all 25 images/icons in the above code so that it points to yours.

Just change the highlighted parts if you host it yourself:

Code:

img[src$="vBulletin_logo7.gif"] { background-image: url('http://[B]yourdomain.tld[/B]/ocuk-buttons/header.png'); width: 0px; height: 84px; overflow: hidden; padding-left: 240px;}
img[src$="rating_1.gif"]{background-image: url('http://[B]yourdomain.tld[/B]/ocuk-buttons/rating_1.png'); width: 0; height: 12px; overflow: hidden; padding-left: 60px;}
img[src$="rating_2.gif"]{background-image: url('http://[B]yourdomain.tl[/B]d/ocuk-buttons/rating_2.png'); width: 0; height: 12px; overflow: hidden; padding-left: 60px;}

and so on...

I'm not sure if I'll change the thread icons that show hot topics and if you've posted in them. But I might, so be prepared for another update.

GeForce · 21 Aug 2007 at 12:53

Wow! Good stuff mate, looks brilliant :cool:

MarcLister · 21 Aug 2007 at 12:57

Funky cool man!! :eek:

Can I use this css stuff with Opera?

*Edit - Yes I can.

Some of the buttons look a bit weird. As if the blue from the original icons are just showing through on the right of some of the new buttons. Hosting them myself btw.

Mr_L · 21 Aug 2007 at 13:54

Yeah. I've just been playing around with it to see if I can get the images to display nicely. No luck so far.

Modifying OcUK

Deleted member 58846

Deleted member 58846