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 # 226 | 6:41 PM
LOL WHATS THE DIFFRENCE XD I DONT SEE A DIFFRENCE
\

Added (2011-03-26, 12:33 PM)
---------------------------------------------

Quote (Animorph)
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;}
/* ---------------- */

OK I SEE IT GROUP 1,2,3,4 THANKS

Added (2011-03-26, 12:41 PM)
---------------------------------------------
ok ok but now how do you add the user groups to the bottem were additional information is?


dvhax.ucoz.com

proud member of ucoz since 5/31/10

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

Message # 227 | 7:43 PM
it is automaticly changed when you do that
To busy building a passive income online ;)
XI_iiLluZioNzZx
Posts: 44
Reputation: 0

Message # 228 | 7:48 PM
i think i did it wrong cause i didnt work come check ?/
dvhax.ucoz.com

proud member of ucoz since 5/31/10

Animorph
Posts: 2856
Reputation: 189

Message # 229 | 7:51 PM
XI_iiLluZioNzZx, you still did not do what i asked here:
http://forum.ucoz.com/forum/7-474-73811-16-1301163772

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

Message # 230 | 8:04 PM
lol its the same thing ive done !!!!

Added (2011-03-26, 2:00 PM)
---------------------------------------------
dude that excactly how i have it tongue

Added (2011-03-26, 2:04 PM)
---------------------------------------------
animorph this is how i have it in the section

/* 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;}
/* ---------------- */

this is a straight copy and paste


dvhax.ucoz.com

proud member of ucoz since 5/31/10

Animorph
Posts: 2856
Reputation: 189

Message # 231 | 8:11 PM
Quote (XI_iiLluZioNzZx)
animorph this is how i have it in the section

if i look into you CSS through source then i still see the old code

did you pressed save after replacing your old code with the new one ?


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

Message # 232 | 8:14 PM
yes i did save it i dont know can you check my CP and see whats wrong/
dvhax.ucoz.com

proud member of ucoz since 5/31/10

Animorph
Posts: 2856
Reputation: 189

Message # 233 | 8:37 PM
XI_iiLluZioNzZx, i tested it by moving myself to other groups and it worked.
To busy building a passive income online ;)
XI_iiLluZioNzZx
Posts: 44
Reputation: 0

Message # 234 | 8:44 PM
SOOO LIKE WHAT DOES IT DO EXCACTLY???
dvhax.ucoz.com

proud member of ucoz since 5/31/10

Animorph
Posts: 2856
Reputation: 189

Message # 235 | 8:46 PM
XI_iiLluZioNzZx, it changes the group color in here:

and please don't use caps

Attachments: 3323731.jpg (44.8 Kb)

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

Message # 236 | 8:47 PM
OHHH OK OK NOT TELL ME HOW DO YOU DO THIS *ADMIN*MODERATOR*SUPERMOD

LIKKE THAT ON ADDIDTIONAL INFO


dvhax.ucoz.com

proud member of ucoz since 5/31/10

Animorph
Posts: 2856
Reputation: 189

Message # 237 | 8:54 PM
XI_iiLluZioNzZx, i told you not to use CAPS anymore , next time you will get reproof it is really annoying

i told you everything about how to change the group colors now there is something besides that a user legend but you need to create it yourself like this:
http://forum.ucoz.com/forum/5-715-12614-16-1227184398


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

Message # 238 | 11:25 PM
ok soo i use this code for every group i created?
Code
a.groupOther1:link,a.groupOther1:visited,a.groupOther1:hover
a.groupOther2:link,a.groupOther2:visited,a.groupOther2:hover

dvhax.ucoz.com

proud member of ucoz since 5/31/10

Animorph
Posts: 2856
Reputation: 189

Message # 239 | 11:27 PM
i don't know why i even explain it to you when it is written above in the first post !!
Quote

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.

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

Message # 240 | 0:49 AM
i got something else for you to explain that is explained really bad and sorry :/ im just not as smart as some people as you can tell tongue

Added (2011-03-26, 6:49 PM)
---------------------------------------------

Code
http://tinypic.com/view.php?pic=nvnlat&s=7

dvhax.ucoz.com

proud member of ucoz since 5/31/10

Post edited by XI_iiLluZioNzZx - Sunday, 2011-03-27, 0:50 AM
uCoz Community » uCoz Modules » Site Users » User groups (group colors, how to change a user group)
Search: