The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

How do I add a colored bar based on group?

2 posters

Go down

In progress How do I add a colored bar based on group?

Post by Kratos Sun 24 Jan - 5:37

Hello, I would like to have a bar above each post a moderator or admin makes colored, APE said it in this topic
Kratos
Kratos
Forumember

Male Posts : 328
Reputation : 24
Language : English
Location : United States

http://theoriginals.4umotion.com/

Back to top Go down

In progress Re: How do I add a colored bar based on group?

Post by Kratos Tue 26 Jan - 8:01

Bump. Topic is revived after a long hiatus!
Kratos
Kratos
Forumember

Male Posts : 328
Reputation : 24
Language : English
Location : United States

http://theoriginals.4umotion.com/

Back to top Go down

In progress Re: How do I add a colored bar based on group?

Post by Ange Tuteur Tue 26 Jan - 17:57

Hi @Kratos,

This topic should answer your question, but if you need any help let me know.
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

In progress Re: How do I add a colored bar based on group?

Post by Kratos Tue 26 Jan - 18:09

@Ange Tuteur, in the topic you linked me, I couldn't find the CSS in my stylesheet.
Kratos
Kratos
Forumember

Male Posts : 328
Reputation : 24
Language : English
Location : United States

http://theoriginals.4umotion.com/

Back to top Go down

In progress Re: How do I add a colored bar based on group?

Post by Ange Tuteur Tue 26 Jan - 18:19

That's because you're supposed to add it in yourself. What a Face
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

In progress Re: How do I add a colored bar based on group?

Post by Kratos Tue 26 Jan - 18:46

Ange Tuteur wrote:That's because you're supposed to add it in yourself. What a Face
Okay then. Add your example too?
Kratos
Kratos
Forumember

Male Posts : 328
Reputation : 24
Language : English
Location : United States

http://theoriginals.4umotion.com/

Back to top Go down

In progress Re: How do I add a colored bar based on group?

Post by Ange Tuteur Tue 26 Jan - 18:57

To make it simple, add these to your CSS :
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
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

In progress Re: How do I add a colored bar based on group?

Post by Kratos Tue 26 Jan - 19:24

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
Kratos
Forumember

Male Posts : 328
Reputation : 24
Language : English
Location : United States

http://theoriginals.4umotion.com/

Back to top Go down

In progress Re: How do I add a colored bar based on group?

Post by Ange Tuteur Tue 26 Jan - 19:30

Everything looks okay, but did you add this HTML to your rank title ?
Code:
<span class="st-rang"></span>
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

In progress Re: How do I add a colored bar based on group?

Post by Kratos Tue 26 Jan - 20:06

Ange Tuteur wrote:Everything looks okay, but did you add this HTML to your rank title ?
Code:
<span class="st-rang"></span>
Yeah, added it to Moderator.
Kratos
Kratos
Forumember

Male Posts : 328
Reputation : 24
Language : English
Location : United States

http://theoriginals.4umotion.com/

Back to top Go down

In progress Re: How do I add a colored bar based on group?

Post by Ange Tuteur Tue 26 Jan - 20:08

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
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

In progress Re: How do I add a colored bar based on group?

Post by Kratos Tue 26 Jan - 20:30

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.
Gave it to Luffy. I think I'm a moderator of that group or someone else. Should I remove the moderator?
Kratos
Kratos
Forumember

Male Posts : 328
Reputation : 24
Language : English
Location : United States

http://theoriginals.4umotion.com/

Back to top Go down

In progress Re: How do I add a colored bar based on group?

Post by Ange Tuteur Tue 26 Jan - 20:55

I'm looking at the HTML and it appears to be formatted incorrectly.
How do I add a colored bar based on group? Captur17

Did you make sure to include the ending span tag ? Like this :
Code:
<span class="st-rang">Moderator</span>
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

In progress Re: How do I add a colored bar based on group?

Post by Kratos Tue 26 Jan - 21:26

Yeah, still wasn't blue though.
Kratos
Kratos
Forumember

Male Posts : 328
Reputation : 24
Language : English
Location : United States

http://theoriginals.4umotion.com/

Back to top Go down

In progress Re: How do I add a colored bar based on group?

Post by Ange Tuteur Tue 26 Jan - 21:30

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. Think
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

In progress Re: How do I add a colored bar based on group?

Post by Kratos Wed 27 Jan - 0:46

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. Think
Test Account made Smile.
Kratos
Kratos
Forumember

Male Posts : 328
Reputation : 24
Language : English
Location : United States

http://theoriginals.4umotion.com/

Back to top Go down

In progress Re: How do I add a colored bar based on group?

Post by Kratos Thu 28 Jan - 1:06

Bump
Kratos
Kratos
Forumember

Male Posts : 328
Reputation : 24
Language : English
Location : United States

http://theoriginals.4umotion.com/

Back to top Go down

In progress Re: How do I add a colored bar based on group?

Post by Ange Tuteur Thu 28 Jan - 1:08

Kratos wrote:
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. Think
Test Account made Smile.
Could you send the information via PM ? Thanks.
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

In progress Re: How do I add a colored bar based on group?

Post by Kratos Thu 28 Jan - 1:28

Ange Tuteur wrote:
Kratos wrote:
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. Think
Test Account made Smile.
Could you send the information via PM ? Thanks.
Sent it.
Kratos
Kratos
Forumember

Male Posts : 328
Reputation : 24
Language : English
Location : United States

http://theoriginals.4umotion.com/

Back to top Go down

In progress Re: How do I add a colored bar based on group?

Post by Ange Tuteur Thu 28 Jan - 19:24

Thanks, sorry for the wait. I hit the snooze last night. tongue

Anyway, you had everything set correctly, but for some reason the tag wasn't formatting correctly. I reformatted it and it worked now. Think ( As you can see Luffy has a blue bar )
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

In progress Re: How do I add a colored bar based on group?

Post by Kratos Thu 28 Jan - 22:55

Ange Tuteur wrote:Thanks, sorry for the wait. I hit the snooze last night. tongue

Anyway, you had everything set correctly, but for some reason the tag wasn't formatting correctly. I reformatted it and it worked now. Think ( As you can see Luffy has a blue bar )
Thanks Ange Tuteur. For Admins, Graphic Designers do the same thing to their ranks?

Kratos
Kratos
Forumember

Male Posts : 328
Reputation : 24
Language : English
Location : United States

http://theoriginals.4umotion.com/

Back to top Go down

In progress Re: How do I add a colored bar based on group?

Post by Ange Tuteur Fri 29 Jan - 1:34

Yes, for each rank you want colored you do the same thing. For example, we have these ranks :

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
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

In progress Re: How do I add a colored bar based on group?

Post by Kratos Sat 30 Jan - 6:03

Added everything. I still don't see the orange and green bar.
Kratos
Kratos
Forumember

Male Posts : 328
Reputation : 24
Language : English
Location : United States

http://theoriginals.4umotion.com/

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum