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.
Natashko
Posts: 3366
Reputation: 171

Message # 211 | 3:06 PM
12a3, as far as I can see, you use Informer. I suggest you update the Informer template (CP->Tools->Informer template->Save)
Quote
and help me make table [color legend] same [Forum statistics]
it requires custom coding. Unfortunately, we do not provide help with it.
12a3
Posts: 90
Reputation: 0

Message # 212 | 4:29 PM
Quote (Natashko)
12a3, as far as I can see, you use Informer. I suggest you update the Informer template (CP->Tools->Informer template->Save)
Quote
and help me make table [color legend] same [Forum statistics]
it requires custom coding. Unfortunately, we do not provide help with it.

thank you, and

please help me WHY in my picture

http://farm3.anhso.net/upload/20110322/00/o/anhso-001604_sshot-6.jpg

why moderator in my forum don't show color


Welcome to : http://softvn.mooo.com
Animorph
Posts: 2856
Reputation: 189

Message # 213 | 4:42 PM
Quote (Sunny)
Each new group has the designation groupOther(1-8), as you can add 8 custom groups.

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;}
a.groupOther1:link,a.groupOther1:visited,a.groupOther1:hover {color:Yellow;}
a.groupOther2:link,a.groupOther2:visited,a.groupOther2:hover {color:DarkCyan;}
and so on.
/* ---------------- */

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

Group number in this case means addition order, and not group ID.
Quote
groupOther1 is the 1st group you create. E.g. uCoz has Users, Administrators, Moderators and Checked as groups.

a.groupModer is for Moderators
a.groupAdmin is for Administrators
a.groupVerify is for Checked

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.

you most likely made a sperated group for moderators with seperate permissions but if you made a seperated group you need to add the lines in CSS yourself , and save and afterwards the colors will appear , sunny's tutorial above explains why and how


To busy building a passive income online ;)
12a3
Posts: 90
Reputation: 0

Message # 214 | 5:34 AM
Quote (Animorph)
you most likely made a sperated group for moderators with seperate permissions but if you made a seperated group you need to add the lines in CSS yourself , and save and afterwards the colors will appear , sunny's tutorial above explains why and how

hjx, my CSS edited:

Quote
/* 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.groupOther1:link,a.groupOther1:visited,a.groupOther1:hover {color:green;}
a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover {color:green;}
a.groupUser:link,a.groupUser:visited,a.groupUser:hover {color:#A9A9A9;}
a.groupOther2:link,a.groupOther2:visited,a.groupOther2:hover {color:green;}
a.groupOther3:link,a.groupOther3:visited,a.groupOther3:hover {color:green;}
a.groupOther4:link,a.groupOther4:visited,a.groupOther4:hover {color:green;}
/* ---------------- */
a.groupModer is for Moderators
a.groupAdmin is for Administrators
a.groupOther1 is for S-Moderators
a.groupOther2 is for S-Moderators
a.groupOther3 is for S-Moderators
a.groupOther4 is for S-Moderators
a.groupOther5 is for S-Moderators
a.groupOther6 is for S-Moderators

/* Other Styles */

and all group:
http://cB0.upanh.com/20.372.27267959.Xoq0/sshot2.jpg

Added (2011-03-22, 11:34 PM)
---------------------------------------------
it don't still active


Welcome to : http://softvn.mooo.com
Natashko
Posts: 3366
Reputation: 171

Message # 215 | 9:03 AM
12a3, we have checked your CSS. You have two groups (Moderators and Super Moderators). But blue color is set up only for one group. So you need to check your CSS and set up colors for all the groups that you want. The first post will be helpful. Read it really careful and follow the instructions.
12a3
Posts: 90
Reputation: 0

Message # 216 | 2:32 PM
Quote (Natashko)
12a3, we have checked your CSS. You have two groups (Moderators and Super Moderators). But blue color is set up only for one group. So you need to check your CSS and set up colors for all the groups that you want. The first post will be helpful. Read it really careful and follow the instructions.

thank you, i was trying but it don't active wacko


Welcome to : http://softvn.mooo.com
Natashko
Posts: 3366
Reputation: 171

Message # 217 | 2:54 PM
12a3, add this a.groupFriends {color: blue;} in CSS
XI_iiLluZioNzZx
Posts: 44
Reputation: 0

Message # 218 | 4:36 PM
can somebody help me add user group color in forum im kinda stuck tongue

Added (2011-03-26, 10:36 Am)
---------------------------------------------
no matter how many times i try i cant do it sad


dvhax.ucoz.com

proud member of ucoz since 5/31/10

Animorph
Posts: 2856
Reputation: 189

Message # 219 | 5:24 PM
XI_iiLluZioNzZx, Find this in CP ---> Design ---> design management(CSS)

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.groupUser:link,a.groupUser:visited,a.groupUser:hover {color:#A8C9E2;}
a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover {color:green;}
/* ---------------- */

and change the group color codes

Code
{color:your color;}

and if you made new groups just add these lines into it

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

and count up

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

Message # 220 | 5:34 PM
Quote (Animorph)
a.groupModer:link,a.groupModer:visited,a.groupModer:hover {color:blue;}
a.groupAdmin:link,a.groupAdmin:visited,a.groupAdmin:hover {color:red;}
a.groupUser:link,a.groupUser:visited,a.groupUser:hover {color:#A8C9E2;}
a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover {color:green;}

Quote (Animorph)
a.groupModer:link,a.groupModer:visited,a.groupModer:hover {color:blue;}
a.groupAdmin:link,a.groupAdmin:visited,a.groupAdmin:hover {color:red;}
a.groupUser:link,a.groupUser:visited,a.groupUser:hover {color:#A8C9E2;}
a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover {color:green;}

lol thats excactly what i do do i erase the user group marks and start a new on somewhere or do i copy and past?


dvhax.ucoz.com

proud member of ucoz since 5/31/10

Animorph
Posts: 2856
Reputation: 189

Message # 221 | 5:39 PM
XI_iiLluZioNzZx, no you will only have this code once
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.groupUser:link,a.groupUser:visited,a.groupUser:hover {color:#A8C9E2;}
a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover {color:green;}
/* ---------------- */

but then there will be just new lines added liek this

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.groupUser:link,a.groupUser:visited,a.groupUser:hover {color:#A8C9E2;}
a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover {color:green;}
a.groupOther1:link,a.groupOther1:visited,a.groupOther1:hover {color:Yellow;}
a.groupOther2:link,a.groupOther2:visited,a.groupOther2:hover {color:DarkCyan;}  
/* ---------------- */

and then just add a new line named this:

Code
a.groupOther3:link,a.groupOther3:visited,a.groupOther3:hover {color:DarkCyan;}

and so on


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

Message # 222 | 5:42 PM
Quote (Animorph)
XI_iiLluZioNzZx, no you will only have this code once
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.groupUser:link,a.groupUser:visited,a.groupUser:hover {color:#A8C9E2;}
a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover {color:green;}
/* ---------------- */
but then there will be just new lines added liek this
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.groupUser:link,a.groupUser:visited,a.groupUser:hover {color:#A8C9E2;}
a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover {color:green;}
a.groupOther1:link,a.groupOther1:visited,a.groupOther1:hover {color:Yellow;}
a.groupOther2:link,a.groupOther2:visited,a.groupOther2:hover {color:DarkCyan;}
/* ---------------- */
and then just add a new line named this:
Code
a.groupOther3:link,a.groupOther3:visited,a.groupOther3:hover {color:DarkCyan;}
and so on

uggggg :/ i dont know what to do :,( i feel stupid -_-


dvhax.ucoz.com

proud member of ucoz since 5/31/10

Post edited by XI_iiLluZioNzZx - Saturday, 2011-03-26, 5:42 PM
Animorph
Posts: 2856
Reputation: 189

Message # 223 | 5:55 PM
XI_iiLluZioNzZx, can you please read my message carefully go to CP ---> Design ---> Design management (CSS)
Then press CTRL+F (its a key on your keyboard) and search for this line:

Code
/* User Group Marks */

then you just need to read my post above smile


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

Message # 224 | 6:11 PM
Quote (Animorph)
XI_iiLluZioNzZx, can you please read my message carefully go to CP ---> Design ---> Design management (CSS)
Then press CTRL+F (its a key on your keyboard) and search for this line:
Code
/* User Group Marks */
then you just need to read my post above

hahah im stupid tongue lol but yea i made you admin lol and i pm you the pass to the control panel ok?


dvhax.ucoz.com

proud member of ucoz since 5/31/10

Animorph
Posts: 2856
Reputation: 189

Message # 225 | 6:22 PM
XI_iiLluZioNzZx, you have it like this in CSS
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.groupUser:link,a.groupUser:visited,a.groupUser:hover {color:#A8C9E2;}
a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover {color:green;}
a.groupOther1:link,a.groupOther1:visited,a.groupOther1:hover {color:Yellow;}
a.groupOther2:link,a.groupOther2:visited,a.groupOther2:hover {color:orange;}
a.groupOther1:link,a.groupOther1:visited,a.groupOther1:hover {color:purple;}
a.groupOther2:link,a.groupOther2:visited,a.groupOther2:hover {color:pink;}
/* ---------------- */

it needs to be like this

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.groupUser:link,a.groupUser:visited,a.groupUser:hover {color:#A8C9E2;}
a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover {color:green;}
a.groupOther1:link,a.groupOther1:visited,a.groupOther1:hover {color:Yellow;}
a.groupOther2:link,a.groupOther2:visited,a.groupOther2:hover {color:orange;}
a.groupOther3:link,a.groupOther3:visited,a.groupOther3:hover {color:purple;}
a.groupOther4:link,a.groupOther4:visited,a.groupOther4:hover {color:pink;}
/* ---------------- */

To busy building a passive income online ;)
uCoz Community » uCoz Modules » Site Users » User groups (group colors, how to change a user group)
Search: