   |
| uCoz Community uCoz Modules Site Users User groups (group colors, how to change a user group) |
| User groups |
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.
|
Quote (Mkiller) Already, i want to tell you, that was old time i can edit it, after uCoz upgrade, i cant do it again after "Update the design for all active modules" You never was able to edit $BODY$ tag. Not even before update.
Quote (Mkiller) already without any blue color for you. There is no need for "- color of group x". Read the first post and be attentive when you are told to. We wont feed you with the spoon like a little child. [... With uCoz since December 2 2007 ...]
|
Ok, Thanks
Im beginner about site codes, Not pro like you, and its my firest time to do that Thanks for respect, moderator Added (2010-05-04, 8:07 Am) Quote (Sunny) On forum main page: 1. Greetings to our new member - class="lastUserLink" (if it is not assigned, then has the color of a general link) The same classes of p. 3 & 4 are inside forum, on page of sections and forums. On page with messages: 1. Forum moderator – the same class="forumModer" I have tryed 3 days to do that.. but i dont know how i will show you what i done: orignal style from forum: Edits 1: Code /* Forums Styles */ .forumNameTd,.forumLastPostTd {padding:2px;background:#FFFFFF} .forumIcoTd,.forumThreadTd,.forumPostTd {padding:2px;background:#F2F2F2} .forumLastPostTd,.forumArchive {padding:2px;font-size:7pt;} a.catLink:link {text-decoration:none; color:#FFFFFF;} a.catLink:visited {text-decoration:none; color:#FFFFFF;} a.catLink:hover {text-decoration:underline; color:#FFFFFF;} a.catLink:active {text-decoration:underline; color:#FFFFFF;} .class=lastPostGuest,.class=lastPostUser,.class=threadAuthor {font-weight:bold} .class=archivedForum{font-size:7pt;color:#FF0000;font-weight:bold;} /* ------------- */ 2. Edited CSS: Code /* Forums Styles */ .forumNameTd,.forumLastPostTd {padding:2px;background:#FFFFFF} .forumIcoTd,.forumThreadTd,.forumPostTd {padding:2px;background:#F2F2F2} .forumLastPostTd,.forumArchive {padding:2px;font-size:7pt;} a.catLink:link {text-decoration:none; color:#FFFFFF;} a.catLink:visited {text-decoration:none; color:#FFFFFF;} a.catLink:hover {text-decoration:underline; color:#FFFFFF;} a.catLink:active {text-decoration:underline; color:#FFFFFF;} .class=lastPostGuest,.class="lastPostUserLink",.class=threadAuthor {font-weight:bold} .class=archivedForum{font-size:7pt;color:#FF0000;font-weight:bold;} /* ------------- */ But result nothing. Code /* forum Titles & other */ .forum {font-weight:bold;font-size:9pt;} .forumDescr,.forumModer {color:#858585;font-size:7pt;} .forumViewed {font-size:9px;} a.forum:link, a.lastPostUserLink:link, a.forumLastPostLink:link, a.threadAuthorLink:link {text-decoration:none; color:#6E6E6E;} a.forum:visited, a.lastPostUserLink:visited, a.forumLastPostLink:visited, a.threadAuthorLink:visited {text-decoration:none; color:#6E6E6E;} a.forum:hover, a.lastPostUserLink:hover, a.forumLastPostLink:hover, a.threadAuthorLink:hover {text-decoration:underline; color:#909090;} a.forum:active, a.lastPostUserLink:active, a.forumLastPostLink:active, a.threadAuthorLink:active {text-decoration:underline; color:#6E6E6E;} /* -------------------- */ Edied CSS: Code /* forum Titles & other */ .forum {font-weight:bold;font-size:9pt;} .forumDescr,.forumModer {color:#858585;font-size:7pt;} .forumViewed {font-size:9px;} a.forum:link, a.class="lastPostUserLink":link, a.class=forumLastPostLink":link, a.class="threadAuthorLink":link {text-decoration:none; color:#6E6E6E;} a.forum:visited, a.class="lastPostUserLink":visited, a.class="forumLastPostLink":visited, a.class="threadAuthorLink":visited {text-decoration:none; color:#6E6E6E;} a.forum:hover, a.class="lastPostUserLink":hover, a.class="forumLastPostLink":hover, a.class="threadAuthorLink":hover {text-decoration:underline; color:#909090;} a.forum:active, a.class="lastPostUserLink":active, a.class=forumLastPostLink":active, a.class="threadAuthorLink":active {text-decoration:underline; color:#6E6E6E;} /* -------------------- */ Nothing done too... i dont know where to edit it.. Post edited by Mkiller - Tuesday, 2010-05-04, 2:08 PM
|
Mkiller, why do you add class="" ? It is not needed, use just the names of the classes, e.g. lastUserLink
I suggest that you read CSS tutorials to see how CSS are added and modified. I'm not active on the forum anymore. Please contact other forum staff.
|
Dartz, ok thanks
 Added (2010-05-18, 10:50 Am) Quote (Sunny) On forum main page: 1. Greetings to our new member - class="lastUserLink" (if it is not assigned, then has the color of a general link) The same classes of p. 3 & 4 are inside forum, on page of sections and forums. a.lastUserLink:link {color:#9E6EFF;} - First user group colors But,, now i want to show all groups colors in the Birthday a.UserBirthdayLink {color:#9E6EFF;} - just show one color... what type of list should i use? |
This is in my CP>Customize Desing>CSS
Code a.groupModer:link,a.groupModer:visited,a.groupModer:hover {color:Blue;} a.groupAdmin:link,a.groupAdmin:visited,a.groupAdmin:hover {color:Red;} a.groupDesigner:link,a.groupDesigner:visited,a.groupDesigner:hover {color:Green;} a.groupVIP:link,a.groupVIP:visited,a.groupVIP:hover {color:Yelow;} a.groupStaff:link,a.groupStaff:visited,a.groupStaff:hover {color:Pink;} And dosen't work the Designer/VIP/Staff groups...Why? And I try his version: Code 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.groupOther2:link,a.groupOther2:visited,a.groupOther2:hover {color:Yelow;} a.groupOther3:link,a.groupOther3:visited,a.groupOther3:hover {color:Pink;} Post edited by bArNNNi - Thursday, 2010-06-24, 11:12 AM
|
| |||
Need help? Contact our support team via
the contact form
or email us at support@ucoz.com.