The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

How do I add a colored bar based on group?

View previous topic View next topic Go down

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

Post by Kratos on January 24th 2016, 4:37 am

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

Kratos
Forumember

Male Posts : 327
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 on January 26th 2016, 7:01 am

Bump. Topic is revived after a long hiatus!

Kratos
Forumember

Male Posts : 327
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 on January 26th 2016, 4:57 pm

Hi @Kratos,

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

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

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

Post by Kratos on January 26th 2016, 5:09 pm

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

Kratos
Forumember

Male Posts : 327
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 on January 26th 2016, 5:19 pm

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

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

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

Post by Kratos on January 26th 2016, 5:46 pm

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

Kratos
Forumember

Male Posts : 327
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 on January 26th 2016, 5:57 pm

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
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

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

Post by Kratos on January 26th 2016, 6:24 pm

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

Male Posts : 327
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 on January 26th 2016, 6:30 pm

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

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

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

Post by Kratos on January 26th 2016, 7:06 pm

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

Male Posts : 327
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 on January 26th 2016, 7:08 pm

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

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

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

Post by Kratos on January 26th 2016, 7:30 pm

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

Male Posts : 327
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 on January 26th 2016, 7:55 pm

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 :
Code:
<span class="st-rang">Moderator</span>

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

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

Post by Kratos on January 26th 2016, 8:26 pm

Yeah, still wasn't blue though.

Kratos
Forumember

Male Posts : 327
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 on January 26th 2016, 8:30 pm

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
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

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

Post by Kratos on January 26th 2016, 11:46 pm

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

Male Posts : 327
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 on January 28th 2016, 12:06 am

Bump

Kratos
Forumember

Male Posts : 327
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 on January 28th 2016, 12:08 am

@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
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

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

Post by Kratos on January 28th 2016, 12:28 am

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

Male Posts : 327
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 on January 28th 2016, 6:24 pm

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
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

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

Post by Kratos on January 28th 2016, 9:55 pm

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

Male Posts : 327
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 on January 29th 2016, 12:34 am

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
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

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

Post by Kratos on January 30th 2016, 5:03 am

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

Kratos
Forumember

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

http://theoriginals.4umotion.com/

Back to top Go down

View previous topic View next topic Back to top


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