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.
Dartz
Posts: 1931

Message # 91 | 10:23 AM

Attachments: 6442489.png (8.3 Kb) · 3260923.png (4.2 Kb) · 4339755.png (2.5 Kb)

[... With uCoz since December 2 2007 ...]
Pezzi
Posts: 4
Reputation: 1

Message # 92 | 11:00 AM
I dont have that option there.Is there any setting that disables it?
Tommy
Posts: 454
Reputation: 38

Message # 93 | 11:06 AM
Pezzi, How many user groups you have created till now? If you reached the limit then "Create user group" won't show.
"I don't like to commit myself about heaven and hell - you see, I have friends in both places"
Pezzi
Posts: 4
Reputation: 1

Message # 94 | 11:25 AM
Well,i have standard ones(Users,mods,admins,blocked and guests) and 11 groups that were made by someone else.
Post edited by Pezzi - Monday, 2009-11-09, 11:31 AM
Tommy
Posts: 454
Reputation: 38

Message # 95 | 11:36 AM
Quote (Pezzi)
Well,i have standard ones(Users,mods,admins,blocked and guests) and 11 groups that were made by someone else.

You can't have more than 15.

"I don't like to commit myself about heaven and hell - you see, I have friends in both places"
Post edited by Tommy - Monday, 2009-11-09, 11:38 AM
brns999
Posts: 16
Reputation: 0

Message # 96 | 4:27 AM
1. I managed to change the color of usergroups Forum is being viewed by :
but failed for Thread starter and Message from:

http://i35.tinypic.com/28v4l0j.jpg

2. How can I change the color here on the index page ??
there is ok color only for the administrators and moderators..
all other usergroups are without color only the link checker is green angry

http://i38.tinypic.com/2aijxc2.jpg

Code
<!-- <block5> -->
<?if($COUNTER$ || $ONLINE_COUNTER$)?>
<table border="0" cellpadding="0" cellspacing="0" width="213" style="background-image: url('/.s/t/221/7.gif');">
<tr><td height="5" style="background-image: url('/.s/t/221/8.gif');"></td></tr>
  <tr><td align=center><table cellpadding="0" cellspacing="0" border="0" width="199">
<tr><td align="center" style="background-image:url('/.s/t/221/9.gif'); height: 31px; color:#032F60;"><b><!-- <bt> --><!--<s5195>-->Statistics<!--</s>--><!-- </bt> --></b></td></tr>
<tr><td height="5"></td></tr>
<tr><td style="background-color: #E6ECF1; border: 1px solid #0E4C7C;padding:5px;"><div align="center"><!-- <bc> -->$COUNTER$<?if($ONLINE_COUNTER$)?><hr />$ONLINE_COUNTER$$ONLINE_USERS_LIST$<?endif?><!-- </bc> --></div></td></tr>
  </table></td></tr>
<tr><td height="7" style="background-image: url('/.s/t/221/10.gif');"></td></tr>
</table><br />
<?endif?>
<!-- </block5> -->

3. I created Informers can I here setup usergroup color ?!?
http://i36.tinypic.com/2lktr1w.jpg

[1] Informer #2 $MYINF_2$

Code
<li><a href="$THREAD_URL$">$THREAD_TITLE$</a> <span>($REPLIES$)</span><div style="font:7pt" align="$right">[<a href="$FORUM_URL$">$FORUM$</a>]</div></li>

[2] Informer #3 $MYINF_3$

Code
<li><a href="$PROFILE_URL$">$USERNAME$</a></li>

[3] Informer #1 $MYINF_4$

Code
<li><a href="$PROFILE_URL$">$USERNAME$</a></li>

[4] Informer #4 $MYINF_5$

Code
<li><a href="$THREAD_URL$">$THREAD_TITLE$</a> <span>($REPLIES$)</span><div style="font:7pt" align="$right">[<a href="$FORUM_URL$">$FORUM$</a>]</div></li>

ID Group name

1 Users
2 Link Checker
3 Moderators
4 Administrators
5 VIP
6 Banned Member
7 Super Member
251 Friends
255 Blocked
- Guests

http://i38.tinypic.com/2r2x8vq.jpg

(CSS)

Code
/* Forum Post Username Colors */
a.postUser1 {color:#206BC7;}
a.postUser2 {color:#01DFD7;}
a.postUser3 {color:#0101DF;}
a.postUser4 {color:#FF0000;}
a.postUser5 {color:#7c5e96;}
a.postUser6 {color:#000000;}
a.postUser7 {color:#088A08;}
/*-------------------------*/

Code
/* User Group Marks */
  a.groupModer:link,a.groupModer:visited,a.groupModer:hover {color:0101DF;}
  a.groupAdmin:link,a.groupAdmin:visited,a.groupAdmin:hover {color:FF0000;}
  a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover {color:01DFD7;}
  a.groupOther1:link,a.groupOther1:visited,a.groupOther1:hover {color:7c5e96;}
  a.groupOther2:link,a.groupOther2:visited,a.groupOther2:hover {color:000000;}
  a.groupOther3:link,a.groupOther3:visited,a.groupOther3:hover {color:3B8A08;}
  a.groupOther4:link,a.groupOther4:visited,a.groupOther4:hover {color:088A08;}
  /* ---------------- */

Code
/* forum Titles & other */
.forum {font-weight:bold;font-size:9pt;}
.forumDescr {color:#888888;font-size:7pt;}
.forumModer {color:#888888;font-size:7pt;}
.forumModer:link {color:#0101DF;}
.forumModer:visited {color:#0101DF;}
.forumModer:hover {color:#0101DF;}
.forumModer:active {color:#0101DF;}
.forumViewed {font-size:9px;}
a.forum:link, a.lastPostUserLink:link, a.forumLastPostLink:link, a.threadAuthorLink:link {text-decoration:underline; color:#446F91;}
a.forum:visited, a.lastPostUserLink:visited, a.forumLastPostLink:visited, a.threadAuthorLink:visited {text-decoration:underline; color:#000000;}
a.forum:hover, a.lastPostUserLink:hover, a.forumLastPostLink:hover, a.threadAuthorLink:hover {text-decoration:none; color:#000000;}
a.forum:active, a.lastPostUserLink:active, a.forumLastPostLink:active, a.threadAuthorLink:active {text-decoration:underline; color:#000000;}
/* -------------------- */

Code
/* forum Threads Style */
.threadNametd,.threadAuthTd,.threadLastPostTd {padding:2px;padding:2px;background:#FFFFFF}
.threadIcoTd,.threadPostTd,.threadViewTd {padding:2px;background:#D9DDEA}
.threadLastPostTd {padding:2px;font-size:7pt;}
.threadDescr {color:#485167;font-size:7pt;}
.threadNoticeLink {font-weight:bold;}
.threadsType {padding:2px;background:#D9DDEA;height:20px;font-weight:bold;font-size:7pt;color:#000000;padding-left:40px; }
.threadsDetails {padding:2px;background:#FFFFFF;height:20px;color:#000000;color:#000000;}
.forumOnlineBar {padding:2px;background:url('http://src.ucoz.ru/t/996/41.gif')bottom;padding-bottom:3px;height:23px; color:#5D74B2;}

a.threadPinnedLink:link {text-decoration:none; color:#000000;}
a.threadPinnedLink:visited {text-decoration:none; color:#000000;}
a.threadPinnedLink:hover {text-decoration:underline; color:#000000;}
a.threadPinnedLink:active {text-decoration:underline; color:#000000;}

.threadPinnedLink,.threadLink {font-weight:bold;}
a.threadLink:link {text-decoration:underline; color:#000000;}
a.threadLink:visited {text-decoration:underline; color:#000000;}
a.threadLink:hover {text-decoration:none; color:#000000;}
a.threadLink:active {text-decoration:underline; color:#000000;}

.postpSwithces {font-size:7pt;}
.thDescr {font-weight:normal;}
.threadFrmBlock {font-size:7pt;text-align:right;}
/* ------------------- */

help me please Sunny,Armaros....anyone cry
I do not know what to send .. wacko
I hope I sent all you need happy
Thanks in advance
You are the best smile


Sunny
Posts: 9296
Reputation: 456

Message # 97 | 11:16 AM
1. It seems to me it is not possible.

2. The classes are the same as in forum styles, therefore everything must work fine. Did you test all groups?

3. Use conditional operators ( http://forum.ucoz.com/forum/37-471-1 ). You need smth like this:

Code
<?if($GROUP_ID$=4)?><a href="$PROFILE_URL$"><font color="Red">$USERNAME$</font></a>; <?endif?>

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

Message # 98 | 3:28 PM
hey sunny

1.Will it be possible soon cry

2.How I test all groups? Dont understend little help wacko

3.Where i put this code ? surprised

Thanks Sunny smile


Sunny
Posts: 9296
Reputation: 456

Message # 99 | 3:35 PM
1. Don't know.

2. What I mean is that: did you try to create test accounts for each group and log in with those accounts to see what color they have in Statistics block?

3. Into informer templates. And you must write similar code for each group with their own color.


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

Message # 100 | 4:37 PM
I try to create test accounts..Is ok color only for the administrators and moderators..
all other usergroups are without color only the link checker is green...

its this ok for informer templates ?
http://i34.tinypic.com/xdxd34.jpg

I made so, but nothing has changed wacko

Added (2009-11-12, 9:59 Am)
---------------------------------------------
I put the code that you gave me up..

Code
<?if($GROUP_ID$=4)?><a href="$PROFILE_URL$"><font color="Red">$USERNAME$</font></a>; <?endif?>

Added (2009-11-12, 10:37 Am)
---------------------------------------------
I made for informer templates smile

I could not do this ..I create test accounts and checked..but does not work wacko
http://i38.tinypic.com/2aijxc2.jpg

but anyway thanks a lot Sunny smile


Tommy
Posts: 454
Reputation: 38

Message # 101 | 4:46 PM
Quote (brns999)
I could not do this ..I create test accounts and checked..but does not work

Did you follow the steps properly as mentioned in the first post of this thread. If you follow the steps properly it will work.

"I don't like to commit myself about heaven and hell - you see, I have friends in both places"
brns999
Posts: 16
Reputation: 0

Message # 102 | 5:24 PM
can you help me a little about this ?

http://forum.ucoz.com/forum/24-8163-1

Added (2009-11-12, 11:24 Am)
---------------------------------------------
Tommy,

I made all the above written
but not good cry help me smile

ID Group name

1 Users
2 Link Checker
3 Moderators
4 Administrators
5 VIP
6 Banned Member
7 Super Member
251 Friends
255 Blocked
- Guests

http://i38.tinypic.com/2r2x8vq.jpg

Code
/* User Group Marks */
  a.groupModer:link,a.groupModer:visited,a.groupModer:hover {color:#0101DF;}
  a.groupAdmin:link,a.groupAdmin:visited,a.groupAdmin:hover {color:#FF0000;}
  a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover {color:#01DFD7;}
  a.groupOther1:link,a.groupOther1:visited,a.groupOther1:hover {color:#7c5e96;}
  a.groupOther2:link,a.groupOther2:visited,a.groupOther2:hover {color:#000000;}
  a.groupOther3:link,a.groupOther3:visited,a.groupOther3:hover {color:#3B8A08;}
  a.groupOther4:link,a.groupOther4:visited,a.groupOther4:hover {color:#088A08;}
  /* ---------------- */

Sunny
Posts: 9296
Reputation: 456

Message # 103 | 9:50 AM
brns999, as for statistics - send me the your tests account and their password via PM, I'll check myself. However everything must work fine according to your CSS (the only thing is that you don't need a.groupOther4:link,a.groupOther4:visited,a.groupOther4:hover {color:#088A08;} as you don't have this group).

As for Informers - as far as I can see you managed to add different colors.


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

Message # 104 | 5:31 PM
1.Can i move crowns?

Orginal :

http://i48.tinypic.com/jh4spu.png

What i want:

http://i47.tinypic.com/5a2tmc.png

2.Can i have colored usertitles and status something like this:

http://i49.tinypic.com/4trfpi.png

Sunny
Posts: 9296
Reputation: 456

Message # 105 | 1:30 PM
1. CP -> Customize Design -> Forum -> Appearance of entries. Find $GROUP_ICON$ and paste it where you want it to appear.

2. Yes, you need to edit the same template and probably CSS.


I'm not active on the forum anymore. Please contact other forum staff.
uCoz Community » uCoz Modules » Site Users » User groups (group colors, how to change a user group)
Search: