Modifying OcUK

suarve said:
Yer that would be cool actually.

I'm sure i remember reading something on another forum where you could specify usernames to select, but this was a while ago :(

It's also a shame you can't hide the message in the top right too, to make it really clean :)
Click to expand...

Yep, solutions posted by others will work fine, perfect in fact.

Changing Username colours should be easy, not sure if we can do it on a group level or not, i'm not sure if the code changes between users group or not (without checking).

In any case, i know i can do it on a per person basis, if we wanted to do yours for example we use something like so....

Code: 
[id*="postmenu_"] a.bigusername[href="member.php?u=42733"] {color:#fff!important;}
EDIT: Tested before posting actual reply....works...

For each member you'd have to adjust the member ID at the end of ""member.php?u=" and of course choose something a bit more funky then my example white... ;)

EDIT:: In order to colour dons/mods a different colour you/me would need to create a selector for all matching users, which would mean getting a list of all user IDs, such as the one in example above and putting them into a selector. If there's only a handful of each it shouldn't take long if you can find and sort the member list by group/rank.
 
Last edited:
t31os said:
EDIT:: In order to colour dons/mods a different colour you/me would need to create a selector for all matching users, which would mean getting a list of all user IDs, such as the one in example above and putting them into a selector. If there's only a handful of each it shouldn't take long if you can find and sort the member list by group/rank.
Click to expand...
Wouldn't you just need to know Underbosses, Dons etc then give them their own colours and anyone else is a standard colour? Would mean less work perhaps?
 
There's already a standard colour, so you would only need select those you wish to change, however as said you'd need the member ID for each one in order to add it into the selector, as per the example above.

The class remains the same regardless of user, so the only way is using a selector which identifies by the user ID. In turn, in order to grab all (lets say underbosses) you'll need each of the member IDs for them.

I'm fine with the way the style works as it is, but if anyone wants to compile the ID's for Dons and Underbosses and wants help making the selector by all means post the IDs here and i'll make a selector for them if need be.

Example (if all dons were ID's 1-5 (member.php?u=1),(member.php?u=2), and so on...), then the selector would look like so....

Code: 
[id*="postmenu_"] a.bigusername[href="member.php?u=1"],
[id*="postmenu_"] a.bigusername[href="member.php?u=2"],
[id*="postmenu_"] a.bigusername[href="member.php?u=3"],
[id*="postmenu_"] a.bigusername[href="member.php?u=4"],
[id*="postmenu_"] a.bigusername[href="member.php?u=5"] {color:#fff!important;}

Again if anyone wants to grab all the IDs it's as simple as that.
 
User ID's are as follows (taken from here, sorted into groups and in ascending numerical order)

Don
6
9
30
117
381
642
1139
1431
2451
4300
6424
11062
13687
14757
16919
25390
31043
43034

Godfather
1

Commissario
7
8
24
497

Underboss
7849
11652
17252
27436
30169
36342
41337
 
Dons::
Code: 
[id*="postmenu_"] a.bigusername[href="member.php?u=6"],
[id*="postmenu_"] a.bigusername[href="member.php?u=9"],
[id*="postmenu_"] a.bigusername[href="member.php?u=30"],
[id*="postmenu_"] a.bigusername[href="member.php?u=117"],
[id*="postmenu_"] a.bigusername[href="member.php?u=381"],
[id*="postmenu_"] a.bigusername[href="member.php?u=642"],
[id*="postmenu_"] a.bigusername[href="member.php?u=1139"],
[id*="postmenu_"] a.bigusername[href="member.php?u=1431"],
[id*="postmenu_"] a.bigusername[href="member.php?u=2451"],
[id*="postmenu_"] a.bigusername[href="member.php?u=4300"],
[id*="postmenu_"] a.bigusername[href="member.php?u=6424"],
[id*="postmenu_"] a.bigusername[href="member.php?u=11062"],
[id*="postmenu_"] a.bigusername[href="member.php?u=13687"],
[id*="postmenu_"] a.bigusername[href="member.php?u=14757"],
[id*="postmenu_"] a.bigusername[href="member.php?u=16919"],
[id*="postmenu_"] a.bigusername[href="member.php?u=25390"],
[id*="postmenu_"] a.bigusername[href="member.php?u=31043"]{color:#fff!important;}
Godfather::
Code: 
[id*="postmenu_"] a.bigusername[href="member.php?u=1"]{color:#fff!important;}
Commissario::
Code: 
[id*="postmenu_"] a.bigusername[href="member.php?u=7"],
[id*="postmenu_"] a.bigusername[href="member.php?u=8"],
[id*="postmenu_"] a.bigusername[href="member.php?u=24"],
[id*="postmenu_"] a.bigusername[href="member.php?u=497"]{color:#fff!important;}
Underboss::
Code: 
[id*="postmenu_"] a.bigusername[href="member.php?u=7849"],
[id*="postmenu_"] a.bigusername[href="member.php?u=11652"],
[id*="postmenu_"] a.bigusername[href="member.php?u=17252"],
[id*="postmenu_"] a.bigusername[href="member.php?u=27436"],
[id*="postmenu_"] a.bigusername[href="member.php?u=30169"],
[id*="postmenu_"] a.bigusername[href="member.php?u=36342"],
[id*="postmenu_"] a.bigusername[href="member.php?u=41337"]{color:#fff!important;}

There you go, just change the colour hex in each for whichever you prefer....
 
The mozilla commands are great for making rounded boxes... :)

Figured i'd update the version with what i'm using onto Userstyles, take it or leave it....

Google Images style seems to be the most popular though...
 
I don't think rob's around much anymore, but I don't think he minds - there's been quite a few so far.

Here's one I made to the quote box, as IMO there wasn't enough padding on the left and right...

Code: 
div[style="margin: 5px 20px 20px;"] {margin: 4px 20px 15px 20px !important}
 
just looks wrong OCUK is blue!!!!1


no it is nice looking but too weird for me ocuk got to blue


edit:

can this work with opera :D
 
Last edited:
Yeah it will work with Opera if you load it as a user script, but any mozilla specific CSS attributes will not show.

I believe it was mentioned earlier in the thread, alternatively the one on userstyles.org has a 'Load as user script' button for Opera users.

Can't say i miss the blue anymore, dark grey is the new blue... ;)
 
Latest code is here, (last updated 21/12/08 @ 3:13pm) all white text should now not cause any more problems.
I had some 'issues' with higher level users and colouring their names, but this should be fixed, but some underlining is still white, annoyingly.

update: the text colours on the index page have been updated. :D AND The css now has comments so non-'code freaks' will be able to understand it. :) ;)

Update 2: controversial; but I've decided to remove most of the underlining (for the <a> links) from the css, it makes it look a lot cleaner, this makes some text easier to read, esp on the root index page.
Any feedback is greatly appreciated. :D If you do want <a> links to be coloured in specific areas (e.g. areas like this) let me know. :)

update 3 :o :p fixed an issue with image in top right not being removed (this is disabled by default, all you have to do is uncomment it), brightened the red as it was too dull, put more comments in, fixed an issue with some dons colouring and fixed RTM text issue. :D

Future developments:
Hover effect text colour/background changes for <a> links ?
*Set the colours for admins/dons/etc ? (they're there, they just need to be chosen, maybe gold, silver, bronze...?)* - Done! Text is updated in 4 areas - Root index RHS names, currently online box, forum leaders page and replies to a thread

Screenshots
Very latest version has a little more differential between the Commisies and Godfather status.
Like so:
ocuk-dark-online.jpg


ocuk-dark-admins-colours.jpg


ocuk-dark.jpg


ocuk-dark2.jpg
 
Last edited:
A small bump for relevancy. :)

I'm still happy to work on the CSS, I know that the one on userstyles is a bit old, and I'm happy to merge the two (the second one being my fork of the code). :)

Just tried the one on Userstyles, and it is a bit different to my version! :o Very good quote boxes etc.
 
Last edited:
You must log in or register to reply here.
Back
Top Bottom