2 posters
How do I add a colored bar based on group?
Kratos- Forumember
- Posts : 328
Reputation : 24
Language : English
Location : United States
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
Bump. Topic is revived after a long hiatus!
Ange Tuteur- Forumaster
- Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania
Kratos- Forumember
- Posts : 328
Reputation : 24
Language : English
Location : United States
@Ange Tuteur, in the topic you linked me, I couldn't find the CSS in my stylesheet.
Ange Tuteur- Forumaster
- Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania
That's because you're supposed to add it in yourself.
Kratos- Forumember
- Posts : 328
Reputation : 24
Language : English
Location : United States
Okay then. Add your example too?Ange Tuteur wrote:That's because you're supposed to add it in yourself.
Ange Tuteur- Forumaster
- Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania
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');
});
Kratos- Forumember
- Posts : 328
Reputation : 24
Language : English
Location : United States
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)
Ange Tuteur- Forumaster
- Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania
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
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>
Ange Tuteur- Forumaster
- Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania
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
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.
Ange Tuteur- Forumaster
- Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania
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>
Kratos- Forumember
- Posts : 328
Reputation : 24
Language : English
Location : United States
Yeah, still wasn't blue though.
Ange Tuteur- Forumaster
- Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania
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
Test Account made .Ange 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
Bump
Ange Tuteur- Forumaster
- Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania
Could you send the information via PM ? Thanks.Kratos wrote:Test Account made .Ange 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
Sent it.Ange Tuteur wrote:Could you send the information via PM ? Thanks.Kratos wrote:Test Account made .Ange 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 : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania
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. ( As you can see Luffy has a blue bar )
Kratos- Forumember
- Posts : 328
Reputation : 24
Language : English
Location : United States
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 )
Ange Tuteur- Forumaster
- Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania
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;
}
Kratos- Forumember
- Posts : 328
Reputation : 24
Language : English
Location : United States
Added everything. I still don't see the orange and green bar.
» Controlling the Chatbox: Group based access.
» Tags Colored by Group
» Post-head colour based on group colour of user
» Group design, group description pop up and add gif in the groups that can see in the main menu page
» I add a user into a group. but he didnt receive any email notification about been invited into group..
» Tags Colored by Group
» Post-head colour based on group colour of user
» Group design, group description pop up and add gif in the groups that can see in the main menu page
» I add a user into a group. but he didnt receive any email notification about been invited into group..