Colorize New Member, Junior Member etc...(Closed)

[Halabalu]

Hi, Is there a way to color a member not in a group without changing colors on my forum? Example: New Member, Junior Member etc?

Thanks in advance.

[Retread]

Nov 5, 2020 11:34:57 GMT -8 Halabalu said:

Hi, Is there a way to color a member not in a group without changing colors on my forum? Example: New Member, Junior Member etc?

Thanks in advance.

Exactly what do you mean by 'color a member'?

[Beckea]

Do you want the text colored?


If so you can go into your ADMIN CP and click on MEMBERS and go into the Member Groups to change the color. Otherwise tell us what you want?

Click on ADMIN > MEMBERS > Member Groups

[Halabalu]

Ok, sorry for so long coming to the forum. What I require may not be possible for me to do myself, at the moment my forums text is white, so is every member not in a group like new member, junior member senior member etc.
Any way to have them colored like say orange like their names?

These are ordinary members not in any group who carry their name as orange followed by their rank.

[Halabalu]

the problem is my forums text color is white, so is their rank, what I'm trying to do is color their rank. At the moment my rank is new member colored black, the same as the text. I want to change the rank color without changing the text on my forum. Any help?

my-blog2020.freeforums.net

[Retread]

Nov 5, 2020 17:16:40 GMT -8 Halabalu said:

the problem is my forums text color is white, so is their rank, what I'm trying to do is color their rank. At the moment my rank is new member colored black, the same as the text. I want to change the rank color without changing the text on my forum. Any help?

my-blog2020.freeforums.net

If you want to change the color of the text that indicates the member rank, you'll need to make a modification to the Mini-Profile layout template and make a modification at the bottom of your Style Sheet.

Mini-Profile layout template:

Find the line that looks like this (should be on or near line 8):
   $[user.rank.name]<br />

Replace that line with this:
   <span class=" user_rank_ID-$[user.rank.id] ">$[user.rank.name]</span><br />



Style Sheet:

If you want ALL rank names to have the SAME color, place this at the bottom of your Style Sheet:
div.mini-profile span[class^="user_rank_ID-"]{color:Orange;}
Change Orange to whatever color definition you choose.

If you want each rank name to have a different color, place this at the bottom of your Style Sheet.
div.mini-profile span.user_rank_ID-1{color:Orange;}
div.mini-profile span.user_rank_ID-2{color:Magenta;}
div.mini-profile span.user_rank_ID-3{color:Lime;}
div.mini-profile span.user_rank_ID-4{color:Yellow;}
div.mini-profile span.user_rank_ID-5{color:HotPink;}
div.mini-profile span.user_rank_ID-6{color:Coral;}
div.mini-profile span.user_rank_ID-7{color:BurlyWood;}
div.mini-profile span.user_rank_ID-8{color:LightSkyBlue;}
Change the color definition of each user_rank_ID- as you see fit.
You'll need additional lines if you have more than 8 User Ranks. You can see the pattern and can follow that.

[Halabalu]

Hello, it seems this code is not working, Any more help would be appreciated

If I use this code in mini profile <span class=" user_rank_ID-$[user.rank.id] ">$[user.rank.name]</span><br />$[user.rank.name]<br />

I get the above pic. I have edited the code (pic below)
In any case, my ranks stay the same color as my forum text. I am also getting an error on line 1403 when I add the color rank code at the bottom of the stylesheet. I will keep fiddling with the code until I hear from you or anyone else who could help with this code. Thanks for your help, much appreciated. 😁😉

Attachments:

[Retread]

Nov 6, 2020 1:14:17 GMT -8 Halabalu said:

View Attachment

Hello, it seems this code is not working, Any more help would be appreciated

If I use this code in mini profile <span class=" user_rank_ID-$[user.rank.id] ">$[user.rank.name]</span><br />$[user.rank.name]<br />

I get the above pic.

You need to replace this line:
   $[user.rank.name]<br />
... with the line I gave you.

[Halabalu]

Ok, at the bottom of the stylesheet I have placed this code so all ranks are the same color;

/* IE9 */
.ie9 .avatar-wrapper > div > div { display: inherit; }
.ie9 .user-search-selection .ui-selectlist-item .close { right: 1px; }
.ie9 #nav-tree { display: inline-block; }

/* Firefox */
@-moz-document url-prefix() {
select { padding: 4px 2px; }
.ui-search .search-filters-button { padding-left: 6px; }
.ui-tabMenu ul li { height: 27px; }
}
div.mini-profile span[class^="user_rank_ID-"]{color:Orange;}

and on line 8 in mini profile I replaced that code with this;

<div class="$[miniprofile_class]">
$[user]<br />
{if $[user.is_guest]}Guest<br />{/if}
{if $[user.is_deleted]}<em>Deleted Member</em><br />{/if}
{if $[user.group]}
$[user.group.name]<br />$[user.group.stars]<br />
{elseif $[user.rank]}      
<span class=" user_rank_ID-$[user.rank.id] ">$[user.rank.name]</span><br />$[user.rank.name]<br />
{if $[user.rank.stars]}
$[user.rank.stars]<br />
{/if}

These two codes, one in Mini Profile, the other at the bottom of the Stylesheet, end result produced this;



I cannot figure out where I'm going wrong.

[Halabalu]

Ok take two, I have replaced the code for all ranks having the same color;

/* Firefox */
@-moz-document url-prefix() {
select { padding: 4px 2px; }
.ui-search .search-filters-button { padding-left: 6px; }
.ui-tabMenu ul li { height: 27px; }
}
div.mini-profile span[class^="user_rank_ID-"]{color:Orange;}

with this code that colors each rank individually with this code;

div.mini-profile span.user_rank-1{color:Orange;}
div.mini-profile span.user_rank_ID-2{color:Magenta;}
div.mini-profile span.user_rank_ID-3{color:Lime;}
div.mini-profile span.user_rank_ID-4{color:Yellow;}
div.mini-profile span.user_rank_ID-5{color:HotPink;}


The pic below shows no matter how many times I try to "Save Changes", it will not complete.



I am not giving up lol, just a little frustrated is all, lmao.🤔

[Halabalu]

Perhaps someone could take a look;
my-blog2020.freeforums.net

[Halabalu]

Nov 6, 2020 19:24:25 GMT -8 Halabalu said:

Perhaps someone could take a look;
my-blog2020.freeforums.net

I will leave the code "as is" for 24hrs or untill someone replies here and says they have had a look.

Thanks guys for every bit of help😊

[Retread]

My apologies, Halabalu

There was an error in the replacement line I gave you. I edited that post and made the correction.

The replacement line should look like this:
   <span class=" user_rank_ID-$[user.rank.id] ">$[user.rank.name]</span><br />

[Halabalu]

Never mind, I have found a solution, at least in my case by editing this code;

div.mini-profile span.user_rank-1{color:Orange;}
div.mini-profile span.user_rank_ID-2{color:Magenta;}
div.mini-profile span.user_rank_ID-3{color:Lime;}
div.mini-profile span.user_rank_ID-4{color:Yellow;}
div.mini-profile span.user_rank_ID-5{color:HotPink;}
div.mini-profile span.user_rank_ID-6{color:Coral;}
div.mini-profile span.user_rank_ID-7{color:BurlyWood;}
div.mini-profile span.user_rank_ID-8{color:LightSkyBlue;}

by adding _ID to the first line of code and placing this edited code;

div.mini-profile span.user_rank_ID-1{color:Orange;}
div.mini-profile span.user_rank_ID-2{color:Magenta;}
div.mini-profile span.user_rank_ID-3{color:Lime;}
div.mini-profile span.user_rank_ID-4{color:Yellow;}
div.mini-profile span.user_rank_ID-5{color:HotPink;}

at the bottom of Themes/Advanced Styles & CSS/Style Sheet.

I then edited this code;

<span class=" user_rank_ID-$[user.rank.id] ">$[user.rank.name]</span><br />$[user.rank.name]<br />

to this;

<span class=" user_rank_ID-$[user.rank.id] ">$[user.rank.name]</span><br />

and placed this code in Mini Profile, and it worked so thank you to everyone who pointed me in the right direction.😁👍

[Halabalu]

Lol 𝓡𝕖𝕥𝕣𝕖𝕒𝕕, you beat me to post. First off, thank you for all your help which eventually pointed me in the right direction. I have a lot to learn and you guys are so helpfull, top marks from me.👍