Modifying OcUK

Zebede

Zebede

Zebede

Associate
Joined
21 Aug 2003
Posts
800
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

MarcLister

MarcLister

Soldato
Joined
7 Mar 2005
Posts
19,277
Location
LU7
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

MarcLister

MarcLister

Soldato
Joined
7 Mar 2005
Posts
19,277
Location
LU7
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.
 

georges

georges

georges

Soldato
Joined
5 Apr 2006
Posts
3,084
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! :)
Click to expand...
 

Mr_L

Mr_L

Mr_L

Soldato
Joined
28 Jan 2005
Posts
3,732
Location
Worcester
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

GeForce

GeForce

Soldato
Joined
14 Feb 2006
Posts
4,644
Location
Surrey, UK
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
 

Mr_L

Mr_L

Mr_L

Soldato
Joined
28 Jan 2005
Posts
3,732
Location
Worcester
**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:
indexocukforums11876474se3.png


overclockersukforumsmodfb8.png


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;}
}
 
Last edited:

Mr_L

Mr_L

Mr_L

Soldato
Joined
28 Jan 2005
Posts
3,732
Location
Worcester
**Current version now in post #139.**

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

Preview:

preview.png


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.
 
Last edited:

MarcLister

MarcLister

MarcLister

Soldato
Joined
7 Mar 2005
Posts
19,277
Location
LU7
Funky cool man!! :eek:

Can I use this css stuff with Opera? :)

*Edit - Yes I can. :D 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. :)

ocuk_css.jpg
 
Last edited:
You must log in or register to reply here.
Back
Top Bottom