uCoz Community » uCoz Modules » Site Users » User groups (group colors, how to change a user group)
User groups
Sunny
Posts: 9296
Reputation: 456

Message # 1 | 10:25 AM
User Group Colors in Forum


If you use the default CSS (CP -> Customize design -> Style sheet (CSS)), then Administrators are red, Moderators are blue, Checked are green and this is set by the following lines:

Code
/* User Group Marks */
a.groupModer:link,a.groupModer:visited,a.groupModer:hover {color:blue;}
a.groupAdmin:link,a.groupAdmin:visited,a.groupAdmin:hover {color:red;}
a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover {color:green;}
/* ---------------- */


The Users group is not indicated here and its color is assigned by the first lines of the CSS file, it's the color of the ordinary links on a website. If you want to use your custom color for Users, then add a line for groupUser.

Code
a.groupUser:link,a.groupUser:visited,a.groupUser:hover {color:#A8C9E2;}


A color may be assigned both by an English name and an RGB hex code.

Each newly created group has the designation groupOther1, groupOther2 and so on up to groupOther8, as you can add 8 custom groups.

Code
a.groupOther1:link,a.groupOther1:visited,a.groupOther1:hover {color:Yellow;}
a.groupOther2:link,a.groupOther2:visited,a.groupOther2:hover {color:DarkCyan;}


A group number in this case means the order of adding, and not a group ID.
groupOther1 is the 1st group you create. E.g. uCoz has Users, Administrators, Moderators and Checked as the default groups. If you create a group other than the default groups then this group will be groupOther1.
If you create a second group other than default ones then this group will be groupOther2




Other Color Classes


On the Forum main page:


1. Greetings to our new member - class="lastUserLink" (if it is not assigned, then it has the color of an ordinary link)
2. Happy Birthday! - class="userBirthdayLink" (similarly)
3. Forum moderator - class="forumModer" (similarly)
4. Thread author - class="lastPostUserLink" (similarly)

The same classes as in p. 3 & 4 apply inside the Forum, on pages with sections and forum boards.

On the page with posts:


1. Forum moderator – class="forumModer"
2. User nickname - class="postUser"
3. Group name - class="postUserGroup" - Attention! It’s not a link, but a plain text and the class applies to both words – e.g., group: Moderators.

On the website:


On the website group names are also determined by the classes groupModer, groupAdmin, groupUser etc.

When changing a group color, check whether the page template has the address of the file where you make changes.

The following line must be in the template:

Code
<link type="text/css" rel="StyleSheet" href="http://YOUR_SITE_ADDRESS/_st/my.css" />




Username Colors in Posts


How to display the colors, set for certain groups, in thread posts? Go to Customize Design -> Forum -> Appearance of entries, find this:

Code
<tr><td width="23%" class="postTdTop" align="center"><a class="postUser" href="javascript://" onClick="emoticon('[b]$USERNAME$[/b],');return false;">$USERNAME$</a></td>


and change it for this:

Code
<tr><td width="23%" class="postTdTop" align="center"><a class="postUser$GROUP_ID$" href="javascript://" onClick="emoticon('[b]$USERNAME$[/b],');return false;"><span class="forum_nik$UID$">$USERNAME$</span></a></td>


Save the template, go to Style sheet (CSS), and add the following lines there:

Quote
a.postUser1 {color:#000000;} – color of group 1
a.postUser2 {color:#00FF00;} - color of group 2
a.postUser3 {color:#0000FF;} - color of group 3
a.postUser4 {color:#FF0000;} - color of group 4


and so on for each group (if you have more than four groups).

Note: Do not put the text in blue (color of group n)!


Then you can also assign a certain username color to a definite user, just add the following to the CSS:

Quote
.forum_nik1 {color:#F6F6F6;} – username color of the user with ID=1
.forum_nik6 {color:#F7F7F7;} - username color of the user with ID=6
.forum_nik7 {color:#F9F9F9;} - username color of the user with ID=7
.forum_nik4 {color:#A6A6A6;} - username color of the user with ID=4


Thus you can assign colors to each group and at the same time assign personal username colors to certain users.

I'm not active on the forum anymore. Please contact other forum staff.
XI_iiLluZioNzZx
Posts: 44
Reputation: 0

Message # 256 | 1:13 AM
i can seem to do any of this :/ animorph can you do it for me please

Code
/* User Group Marks */  
a.groupModer:link,a.groupModer:visited,a.groupModer:hover {color:blue;}  
a.groupAdmin:link,a.groupAdmin:visited,a.groupAdmin:hover {color:red;}  
a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover {color:grey;}
a.groupOther1:link,a.groupOther1:visited,a.groupOther1:hover {color:orange;}(PREMIUM)
a.groupOther2:link,a.groupOther2:visited,a.groupOther2:hover {color:white;}(BANNED)

Code
a.postUser1 {color:#000000;}  
a.postUser2 {color:#00FF00;}
a.postUser3 {color:#0000FF;}
a.postUser4 {color:#FF0000;}  
(IDNT KNOW WERE TO PUT THIS AND WHAT TO DO WITH IT)

Code

.forum_nik1 {color:#F6F6F6;}  
.forum_nik6 {color:#F7F7F7;}
.forum_nik7 {color:#F9F9F9;}
.forum_nik4 {color:#A6A6A6;}
(AND I DONT NOW WERE OR WHAT TO DO WITH THIS

dvhax.ucoz.com

proud member of ucoz since 5/31/10

MysticDragon
Posts: 108
Reputation: 0

Message # 257 | 5:36 AM
XI_iiLluZioNzZx, Please specify what you want to do.
If you only want to change the usergroup color then no need for those 2nd and 3rd code.
Go to CP »Design» Design Management(css) .
Hit ctrl+F and search /* User Group Marks */
and add
Code
a.groupOther1:link,a.groupOther1:visited,a.groupOther1:hover {color:orange;}(PREMIUM)  
a.groupOther2:link,a.groupOther2:visited,a.groupOther2:hover {color:white;}(BANNED)

after
Code
a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover {color:green;}

Animorph
Posts: 2856
Reputation: 189

Message # 258 | 7:48 AM
XI_iiLluZioNzZx,
Quote (XI_iiLluZioNzZx)
(IDNT KNOW WERE TO PUT THIS AND WHAT TO DO WITH IT)

just post it randomly in your CSS , i told you before , please start reading , everything is explained in my above post and even in the first post of this thread , so tell me what is the exact problem ?

To busy building a passive income online ;)
$$_Raven
Posts: 3
Reputation: 1

Message # 259 | 11:31 PM
Hi there. I am using style #794. I have looked EVERYWHERE to find wher eI can change my user colours. I can't find anything for where
/* User Group Marks */
a.groupModer:link,a.groupModer:visited,a.groupModer:hover {color:blue;}
a.groupAdmin:link,a.groupAdmin:visited,a.groupAdmin:hover {color:red;}
a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover {color:green;}
/* ---------------- */
this goes. I don't know where I would have to put it. Also when I added

<tr><td width="23%" class="postTdTop" align="center"><a class="postUser$GROUP_ID$" href="javascript://" onClick="emoticon('$USERNAME$,');return false;"><span class="forum_nik$UID$">$USERNAME$</span></a></td>

and added this

a.postUser1 {color:#000000;}
a.postUser2 {color:#00FF00;}
a.postUser3 {color:#0000FF;}
a.postUser4 {color:#FF0000;}

Nothing changed anywhere. Please help me. I have had a website with you all before and it worked but this style sheet seems different and I just can't seem to figure it out. Thanks for all the help.

Natashko
Posts: 3366
Reputation: 171

Message # 260 | 12:55 PM
$$_Raven,
Quote ($$_Raven)
Hi there. I am using style #794. I have looked EVERYWHERE to find wher eI can change my user colours. I can't find anything for where this
/* User Group Marks */
a.groupModer:link,a.groupModer:visited,a.groupModer:hover {color:blue;}
a.groupAdmin:link,a.groupAdmin:visited,a.groupAdmin:hover {color:red;}
a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover {color:green;}
/* ---------------- */
goes. I don't know where I would have to put it.

You need to add it to your CSS: CP->Design->Design management (CSS)

Quote ($$_Raven)
Also when I added

Code
<tr><td width="23%" class="postTdTop" align="center"><a class="postUser$GROUP_ID$" href="javascript://" onClick="emoticon('$USERNAME$,');return false;"><span class="forum_nik$UID$">$USERNAME$</span></a></td>

and added this

a.postUser1 {color:#000000;}
a.postUser2 {color:#00FF00;}
a.postUser3 {color:#0000FF;}
a.postUser4 {color:#FF0000;}

Nothing changed anywhere


Please, provide a website name for us to be able to check it.
XI_iiLluZioNzZx
Posts: 44
Reputation: 0

Message # 261 | 3:52 AM
Code
<link type="text/css" rel="StyleSheet" href="http://YOUR_SITE_ADDRESS/_st/my.css" />

i dnt noe were to put this


dvhax.ucoz.com

proud member of ucoz since 5/31/10

Animorph
Posts: 2856
Reputation: 189

Message # 262 | 7:08 AM
XI_iiLluZioNzZx, that needs to be between and tags
To busy building a passive income online ;)
XI_iiLluZioNzZx
Posts: 44
Reputation: 0

Message # 263 | 3:10 PM
hmmmm im soo confused :/ im deleeting my website :/
dvhax.ucoz.com

proud member of ucoz since 5/31/10

Jan
Posts: 301
Reputation: 19

Message # 264 | 3:29 PM
XI_iiLluZioNzZx,
Quote (XI_iiLluZioNzZx)
<link type="text/css" rel="StyleSheet" href="http://YOUR_SITE_ADDRESS/_st/my.css" />

this goes to your page template..

for example:
CP - template builder - (choose your design number)

above code goes after:

Quote
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>[TITLE]</title>
<?$META_DESCRIPTION$?>
<link type="text/css" rel="StyleSheet" href="http://s41.ucoz.net/src/css/868.css" />
<link type="text/css" rel="StyleSheet" href="http://YOUR_SITE_ADDRESS/_st/my.css" />
</head>

in blue is marked your stylesheet..

you can also but it in CP - Main - Cuztomise design - Site pages
but then its applied only on mainpage..

If ur using this style to forum then : CP - Customize design - general appearance of forum pages - (and it goes same way as i discribed above)


Post edited by Jan - Saturday, 2011-04-09, 3:32 PM
XI_iiLluZioNzZx
Posts: 44
Reputation: 0

Message # 265 | 5:46 PM
Code
/* User Group Marks */
a.groupModer:link,a.groupModer:visited,a.groupModer:hover {color:blue;}
a.groupAdmin:link,a.groupAdmin:visited,a.groupAdmin:hover {color:red;}
a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover {color:green;}

.forum_nik1 {color:grey;}
.forum_nik2 {color:orange;}
.forum_nik3 {color:black;}
.forum_nik4 {color:red;}
.forum_nik5 {color:blue;}
/* ---------------- */

ok ok soo is that right???


dvhax.ucoz.com

proud member of ucoz since 5/31/10

Jan
Posts: 301
Reputation: 19

Message # 266 | 7:11 PM
XI_iiLluZioNzZx,
Quote (XI_iiLluZioNzZx)
/* User Group Marks */
a.groupModer:link,a.groupModer:visited,a.groupModer:hover {color:blue;}
a.groupAdmin:link,a.groupAdmin:visited,a.groupAdmin:hover {color:red;}
a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover {color:green;}

its used to colorize usernames allover your site..


Quote

.forum_nik1 {color:grey;}
.forum_nik2 {color:orange;}
.forum_nik3 {color:black;}
.forum_nik4 {color:red;}
.forum_nik5 {color:blue;}
/* ---------------- */

This is used in forum. !And Only if you want specific users have specific colors!
for example:
you look some of your users profile.. ull find after username: [id: 1] every user has hisown number..

and that number goes after nik

Ex: username: Matty [id: 23]

then code is:

Quote
.forum_nik23 {color:grey;}

Result: Matty's nickname will be showed in forum colored grey..

I hope you got it now..


Post edited by Jan - Saturday, 2011-04-09, 7:15 PM
XI_iiLluZioNzZx
Posts: 44
Reputation: 0

Message # 267 | 10:01 PM
wow thanks bro !!!!!!!1 finally some one who explains it good!!!!!!!11

Added (2011-04-09, 4:01 PM)
---------------------------------------------

Code
a.postUser1 {color:#000000;} – color of group 1  
a.postUser2 {color:#00FF00;} - color of group 2  
a.postUser3 {color:#0000FF;} - color of group 3  
a.postUser4 {color:#FF0000;} - color of group 4

wat is this for than ???


dvhax.ucoz.com

proud member of ucoz since 5/31/10

Animorph
Posts: 2856
Reputation: 189

Message # 268 | 10:02 PM
XI_iiLluZioNzZx, you just need to learn to read things correctly ,everything was explained, it isn't the peaople who explain things bad , this whas at your end , your lack of knowledge in the uCoz system didn't made you understand any code and therefor we needed to explain it over and over again , even when it is written above
here:
http://forum.ucoz.com/forum/7-474-73903-16-1301233958
http://forum.ucoz.com/forum/7-474-2340-16-1206613528

for your second question it is for your usernames in here:

Attachments: 3930879.png (16.3 Kb)

To busy building a passive income online ;)
XI_iiLluZioNzZx
Posts: 44
Reputation: 0

Message # 269 | 2:31 AM
Code
/* User Group Marks */
a.groupModer:link,a.groupModer:visited,a.groupModer:hover {color:black;}   
a.groupAdmin:link,a.groupAdmin:visited,a.groupAdmin:hover {color:red;}   
a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover {color:orange;}   
a.groupUser:link,a.groupUser:visited,a.groupUser:hover {color:teal;}
a.groupOther1:link,a.groupOther1:visited,a.groupOther1:hover {color:pink;}

a.postUser1 {color:teal;}
a.postUser2 {color:orange;}
a.postUser3 {color:black;}
a.postUser4 {color:red;}
a.postUser6 {color:pink;}
a.postUser251 {color:blue;}

/* ---------------- */

is this correct???


dvhax.ucoz.com

proud member of ucoz since 5/31/10

Post edited by XI_iiLluZioNzZx - Sunday, 2011-04-10, 2:32 AM
Paradox
Old Guard
Posts: 3284
Reputation: 145

Message # 270 | 3:25 AM
From what I can see it is. wink
Jack of all trades in development, design, strategy.
Working as a Support Engineer.
Been here for 13 years and counting.
uCoz Community » uCoz Modules » Site Users » User groups (group colors, how to change a user group)
Search: