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.
Remember
Posts: 93
Reputation: 1

Message # 166 | 12:53 PM
my code doesn't work either , I add
Code
a.groupOther251:link,a.groupOther251:visited,a.groupOther251:hover {color:yellow;}

because 251 is the number for my vip group, and it doesn't change at all! can you help me please!


Dartz
Posts: 1931

Message # 167 | 1:05 PM
You don't add group ID as number of CSS class.

And I do not think you are able to change group colour of 251 and 255.


[... With uCoz since December 2 2007 ...]
Mkiller
Posts: 41
Reputation: 0

Message # 168 | 5:21 PM
How to make groups colors in Chat like in posts?
Dartz
Posts: 1931

Message # 169 | 9:52 AM
In the same way. You are required to have basic css/html knowledge to
create custom things on your website. We cannot code each your wish.

[... With uCoz since December 2 2007 ...]
bluebirdjeff
Posts: 4
Reputation: 0

Message # 170 | 1:36 PM
How To Put This Pictures In MY Site It Have Hyperlinks So How
This Is Picture :
Code
http://a.imageshack.us/img814/7796/44509655.gif

I have it PSD
Like Im Administrator I Need Picture Admin for me So How To ?
and super admin and other members , Automatically
Its Ranks So How ?
Any Idea ?
Dartz
Posts: 1931

Message # 171 | 3:17 PM
You were told once: CP -> Users -> User groups -> Edit group.

Under the group name will be field for group image. Add url.


[... With uCoz since December 2 2007 ...]
Flame_Master
Posts: 6
Reputation: 0

Message # 172 | 12:56 PM
Hi,

I created 2 new user groups.
1) Modders
2) Testers
However, Modders can download files from other servers while testers cannot. Despite having Download from a remote server option under File Catalog ticked in the "User Settings" of Testers. Any newly added usergroups too are unable to Download files from other servers. What baffles me is that the "Modders" group can download files from other servers.
Please Help me sad .

My site is: http://hoae.ucoz.net

Sunny
Posts: 9296
Reputation: 456

Message # 173 | 1:25 PM
Flame_Master, check permissions for your catalog categories in Control Panel -> File Catalog -> Categories management -> edit -> Groups, allowed to download files.
I'm not active on the forum anymore. Please contact other forum staff.
Flame_Master
Posts: 6
Reputation: 0

Message # 174 | 3:30 PM
Thank you sooo much smile .
atkhenz
Posts: 22
Reputation: 0

Message # 175 | 3:29 PM
Quote
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('$USERNAME$,');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('$USERNAME$,');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

i already tried this one but not working. maybe i put it in wrong place. pls give us some screen shots exactly how and where to place that code on css sad

Sunny
Posts: 9296
Reputation: 456

Message # 176 | 9:34 AM
atkhenz, describe your actions step by step and show the exact code you are using.
I'm not active on the forum anymore. Please contact other forum staff.
atkhenz
Posts: 22
Reputation: 0

Message # 177 | 5:18 PM
this is the code i used:

Quote
/* User Group Marks */
a.groupModer:link,a.groupModer:visited,a.groupModer:hover {color:yellow;}
a.groupAdmin:link,a.groupAdmin:visited,a.groupAdmin:hover {color:red;}
a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover {color:#99CCFF;}
a.groupOther1:link,a.groupOther1:visited,a.groupOther1:hover {color:orange;}
a.postUser5 {color:#orange;}
.forum_nik1 {color:#orange;}

i want to make my name different than other in the whole website as i am the owner of it. but only one color is changing
look this ss i made.

SCREENSHOT

and color is not working on mozilla. only on chrome. can u pls help me to solve my problem sir.

Post edited by atkhenz - Monday, 2010-10-11, 5:22 PM
CodeResolution
Posts: 1570
Reputation: 58

Message # 178 | 5:28 PM
Quote (atkhenz)
sir

sir - atkhenz, Sunny is female.

Kind regards,
Elliott.

"The best uCoz" critic since 2007.
Qualified website, branding, print & user interface designer.

I'm on Behance and Twitter.
Sunny
Posts: 9296
Reputation: 456

Message # 179 | 10:54 AM
atkhenz, first of all I suggest that you use color codes (like #99CCFF) instead of their names. Second, the provided codes won't change the colors everywhere, e.g. they won't be changed in the columns "Thread starter" and "Updates".
I'm not active on the forum anymore. Please contact other forum staff.
Mkiller
Posts: 41
Reputation: 0

Message # 180 | 4:31 PM
There any way to change users colors in chat? and forum main (Message from:)?
Search: