How do I add a colored bar based on group?
2 posters
How do I add a colored bar based on group?
Hello, I would like to have a bar above each post a moderator or admin makes colored, APE said it in this topic
Kratos- Forumember
-
Posts : 328
Reputation : 24
Language : English
Location : United States
Re: How do I add a colored bar based on group?
Bump. Topic is revived after a long hiatus!
Kratos- Forumember
-
Posts : 328
Reputation : 24
Language : English
Location : United States
Ange Tuteur- Forumaster
-
Posts : 13244
Reputation : 2995
Language : English & 日本語
Location : Pennsylvania
Re: How do I add a colored bar based on group?
@Ange Tuteur, in the topic you linked me, I couldn't find the CSS in my stylesheet.
Kratos- Forumember
-
Posts : 328
Reputation : 24
Language : English
Location : United States
Re: How do I add a colored bar based on group?
That's because you're supposed to add it in yourself.

Ange Tuteur- Forumaster
-
Posts : 13244
Reputation : 2995
Language : English & 日本語
Location : Pennsylvania
Re: How do I add a colored bar based on group?
Okay then. Add your example too?Ange Tuteur wrote:That's because you're supposed to add it in yourself.![]()
Kratos- Forumember
-
Posts : 328
Reputation : 24
Language : English
Location : United States
Re: How do I add a colored bar based on group?
To make it simple, add these to your CSS :
Then add this to a rank title :
Lastly add this to a JavaScript with placement in the topics :
- Code:
.post {
border-top:14px solid #CCC;
}
.post.st-answer {
border-color:#39C;
}
Then add this to a rank title :
- Code:
<span class="st-rang"></span>
Lastly add this to a JavaScript with placement in the topics :
- Code:
$(function() {
$('.st-rang').closest('.post').addClass('st-answer');
});
Ange Tuteur- Forumaster
-
Posts : 13244
Reputation : 2995
Language : English & 日本語
Location : Pennsylvania
Re: How do I add a colored bar based on group?
Added the Javascript, copy and pasted with my phone and it didn't look like what you showed. Instead when I looked at a post it showed a white line and when I saw the js, it was straight.(No line breaks)
Kratos- Forumember
-
Posts : 328
Reputation : 24
Language : English
Location : United States
Re: How do I add a colored bar based on group?
Everything looks okay, but did you add this HTML to your rank title ?
- Code:
<span class="st-rang"></span>
Ange Tuteur- Forumaster
-
Posts : 13244
Reputation : 2995
Language : English & 日本語
Location : Pennsylvania
Re: How do I add a colored bar based on group?
Yeah, added it to Moderator.Ange Tuteur wrote:Everything looks okay, but did you add this HTML to your rank title ?
- Code:
<span class="st-rang"></span>
Kratos- Forumember
-
Posts : 328
Reputation : 24
Language : English
Location : United States
Re: How do I add a colored bar based on group?
Did you give yourself this rank ? You need to apply it to a member to give them a color related to the rank.
Ange Tuteur- Forumaster
-
Posts : 13244
Reputation : 2995
Language : English & 日本語
Location : Pennsylvania
Re: How do I add a colored bar based on group?
Gave it to Luffy. I think I'm a moderator of that group or someone else. Should I remove the moderator?Ange Tuteur wrote:Did you give yourself this rank ? You need to apply it to a member to give them a color related to the rank.
Kratos- Forumember
-
Posts : 328
Reputation : 24
Language : English
Location : United States
Re: How do I add a colored bar based on group?
I'm looking at the HTML and it appears to be formatted incorrectly.

Did you make sure to include the ending span tag ? Like this :

Did you make sure to include the ending span tag ? Like this :
- Code:
<span class="st-rang">Moderator</span>
Ange Tuteur- Forumaster
-
Posts : 13244
Reputation : 2995
Language : English & 日本語
Location : Pennsylvania
Re: How do I add a colored bar based on group?
Yeah, still wasn't blue though.
Kratos- Forumember
-
Posts : 328
Reputation : 24
Language : English
Location : United States
Re: How do I add a colored bar based on group?
Could you provide me with a test account that has administrative privileges ? Just so I can have a closer look to make sure everything is setup correctly. 

Ange Tuteur- Forumaster
-
Posts : 13244
Reputation : 2995
Language : English & 日本語
Location : Pennsylvania
Re: How do I add a colored bar based on group?
Test Account madeAnge Tuteur wrote:Could you provide me with a test account that has administrative privileges ? Just so I can have a closer look to make sure everything is setup correctly.

Kratos- Forumember
-
Posts : 328
Reputation : 24
Language : English
Location : United States
Re: How do I add a colored bar based on group?
Could you send the information via PM ? Thanks.Kratos wrote:Test Account madeAnge Tuteur wrote:Could you provide me with a test account that has administrative privileges ? Just so I can have a closer look to make sure everything is setup correctly..
Ange Tuteur- Forumaster
-
Posts : 13244
Reputation : 2995
Language : English & 日本語
Location : Pennsylvania
Re: How do I add a colored bar based on group?
Sent it.Ange Tuteur wrote:Could you send the information via PM ? Thanks.Kratos wrote:Test Account madeAnge Tuteur wrote:Could you provide me with a test account that has administrative privileges ? Just so I can have a closer look to make sure everything is setup correctly..
Kratos- Forumember
-
Posts : 328
Reputation : 24
Language : English
Location : United States
Re: How do I add a colored bar based on group?
Thanks, sorry for the wait. I hit the snooze last night. 
Anyway, you had everything set correctly, but for some reason the tag wasn't formatting correctly. I reformatted it and it worked now.
( As you can see Luffy has a blue bar )

Anyway, you had everything set correctly, but for some reason the tag wasn't formatting correctly. I reformatted it and it worked now.

Ange Tuteur- Forumaster
-
Posts : 13244
Reputation : 2995
Language : English & 日本語
Location : Pennsylvania
Re: How do I add a colored bar based on group?
Thanks Ange Tuteur. For Admins, Graphic Designers do the same thing to their ranks?Ange Tuteur wrote:Thanks, sorry for the wait. I hit the snooze last night.
Anyway, you had everything set correctly, but for some reason the tag wasn't formatting correctly. I reformatted it and it worked now.( As you can see Luffy has a blue bar )
Kratos- Forumember
-
Posts : 328
Reputation : 24
Language : English
Location : United States
Re: How do I add a colored bar based on group?
Yes, for each rank you want colored you do the same thing. For example, we have these ranks :
Then we add to the JS :
and add some more CSS :
- Code:
<span class="st-admin">Admin</span>
<span class="st-desi">Designer</span>
Then we add to the JS :
- Code:
$(function() {
$('.st-rang').closest('.post').addClass('st-answer');
$('.st-admin').closest('.post').addClass('st-admin');
$('.st-desi').closest('.post').addClass('st-desi');
});
and add some more CSS :
- Code:
.post.st-admin {
border-color:#F33;
}
.post.st-desi {
border-color:#C6C;
}
Ange Tuteur- Forumaster
-
Posts : 13244
Reputation : 2995
Language : English & 日本語
Location : Pennsylvania
Re: How do I add a colored bar based on group?
Added everything. I still don't see the orange and green bar.
Kratos- Forumember
-
Posts : 328
Reputation : 24
Language : English
Location : United States

» Controlling the Chatbox: Group based access.
» Restrict access to HTML page based on custom group
» Name not colored on the Group
» Tags Colored by Group
» Multi-Colored Group Names?
» Restrict access to HTML page based on custom group
» Name not colored on the Group
» Tags Colored by Group
» Multi-Colored Group Names?
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum