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.

User Group Legend Re-Design

View previous topic View next topic Go down

User Group Legend Re-Design

Post by Calιbuяn on January 29th 2013, 1:54 am

Hi

Here's my forum: http://eternalchaos.forumotion.com/

The group legend at the bottom, I want to completely redesign into a sort of table, and remove the Italics from it. Is this possible?

Calιbuяn
Forumember

Male Posts : 386
Reputation : 38
Language : English
Location : Detroit, MI

http://lazarusexp.forumotion.com/

Back to top Go down

Re: User Group Legend Re-Design

Post by levy on January 29th 2013, 10:11 am

Code:
em b {
background: none repeat scroll 0 0 #F9F9F9;
border: 1px solid #C7C7C7;
border-radius: 3px 3px 3px 3px;
font-style: normal;
margin: 0 auto;
padding: 4px!important;
}

Change
Code:
background: none repeat scroll 0 0 #F9F9F9;
border: 1px solid #C7C7C7;

With what colour you want to have table.

levy
Hyperactive

Male Posts : 2582
Reputation : 345
Language : Romanian, English
Location : criticize artwork, not people!

http://help.forumotion.com/

Back to top Go down

Re: User Group Legend Re-Design

Post by Calιbuяn on January 29th 2013, 10:15 am

Thanks RicYui, but that didn't fully work. Now the Legend is cluttered and not spaced out correctly at all. T_T

Calιbuяn
Forumember

Male Posts : 386
Reputation : 38
Language : English
Location : Detroit, MI

http://lazarusexp.forumotion.com/

Back to top Go down

Re: User Group Legend Re-Design

Post by levy on January 29th 2013, 10:21 am

Code:
em b {
background: none repeat scroll 0 0 #F9F9F9;
border: 1px solid #C7C7C7;
border-radius: 3px 3px 3px 3px;
font-style: normal;
margin: 0 auto;
padding: 4px!important;
line-height: 25px;
}

Try now.

levy
Hyperactive

Male Posts : 2582
Reputation : 345
Language : Romanian, English
Location : criticize artwork, not people!

http://help.forumotion.com/

Back to top Go down

Re: User Group Legend Re-Design

Post by Calιbuяn on January 29th 2013, 10:29 am

Alright, now how do I remove the [ ] and make it so one group doesn't overflow a line?

Calιbuяn
Forumember

Male Posts : 386
Reputation : 38
Language : English
Location : Detroit, MI

http://lazarusexp.forumotion.com/

Back to top Go down

Re: User Group Legend Re-Design

Post by Sanket on January 29th 2013, 6:09 pm

Go to Modules>Javascript Codes Management
Enable Javascript code management :Yes
Create a new javascript.
Title: Groups
Check In Homepage.
Add this code.
Make sure you add the proper group ids & font colors to each group.
Code:
jQuery(document).ready(function() {
jQuery('em').replaceWith('<div id="g-legend"><b><font color="#49007d">Legend:</font> <a href="/g1-"><font color="#F50E0E">Administrator</font></a>&nbsp <a href="/g2-"><font color="#000099">Moderator</font></a> </div>');
});

Then add this to your css.
Code:
div#g-legend b a {
background: none repeat scroll 0 0 #F9F9F9;
border: 1px solid #C7C7C7;
border-radius: 3px 3px 3px 3px;
font-style: normal;
margin: 0 auto;
padding: 4px!important;
line-height: 25px;
}

div#g-legend b a:hover{
    color: #FFFFFF;
    text-shadow: -1px 1px 5px #FFFFCC, 1px -1px 5px #FFFFFF
}
Reference: Modified based on this.
http://www.webartzforum.com/t2276-help-me-to-add-2-things-to-this-code


About the word to be in next line, I will provide the solution after you do the above.

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Re: User Group Legend Re-Design

Post by Calιbuяn on January 29th 2013, 10:55 pm

Alright, I did that... but now the Legend is showing up twice? ._.

I checked it on Firefox, and it's not showing up twice.. so that's exclusively on Chrome..

Calιbuяn
Forumember

Male Posts : 386
Reputation : 38
Language : English
Location : Detroit, MI

http://lazarusexp.forumotion.com/

Back to top Go down

Re: User Group Legend Re-Design

Post by Sanket on January 30th 2013, 5:05 am

Yes, Chrome has issues then.

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Re: User Group Legend Re-Design

Post by Calιbuяn on January 31st 2013, 2:52 pm

Update!

So, it turns out it will happen on any browser. It's happening in place of any user who has their status set to "Hidden"; the entire legend is repeated in place of their username.

Calιbuяn
Forumember

Male Posts : 386
Reputation : 38
Language : English
Location : Detroit, MI

http://lazarusexp.forumotion.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