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.

Legend Code

Page 2 of 2 Previous  1, 2

View previous topic View next topic Go down

Legend Code

Post by Genesis on December 28th 2015, 2:41 am

First topic message reminder :

Can I please have a code that is like the Forumotion Support navbar and statistics?

A black strip that has each group on it in bigger text like the navbar.

Example:

_________________________________________________________________

Administrators Moderators Engineers Designers Helpers Platinum Members
_________________________________________________________________

Except the strip is black, no brackets or other words other than the groups and the group colors stay the same.

Genesis
Helper
Helper

Male Posts : 2331
Reputation : 322
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down


Re: Legend Code

Post by Genesis on January 19th 2016, 11:31 pm

Bump.

Genesis
Helper
Helper

Male Posts : 2331
Reputation : 322
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

Re: Legend Code

Post by Luffy on January 21st 2016, 12:51 am

Ok so go to your index_body
find (to the default tempalte) this code:
Code:
<em>{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</em>

and remove it. Now search for this code:
Code:
<!-- BEGIN switch_legend -->

and under that (hit enter and paste) add this code:
Code:
<center><em><span id="LegendS">{GROUP_LEGEND}</span></em></center><br /><br /><Br />

Save and publish the template.

Now go to your CSS and add the below code:
Code:
#LegendS{font-size:0;}
#LegendS:before {
content:" ";
font-size:11px;
font-style:normal;
}
#LegendS b:hover{transition:600ms;border-bottom:3px solid transparent}
#LegendS b {transition:600ms;
font-size: 13px;
font-style: normal;
border-bottom: 3px solid #101010;
margin-left: 10px;
margin-right: 10px;
text-align: center;
}
#LegendS b:after {
content:" ";
font-weight:normal;
}
#LegendS b:last-child:after {content:"";}
and save it. Doing these steps will give you this result:

And this will be outside of the Who Is Online box! Smile


Last edited by Luffy on January 21st 2016, 1:04 am; edited 1 time in total






Luffy
Manager
Manager

Male Posts : 4236
Reputation : 424
Language : Greek, English
Location : Greece

http://helpgr.forumgreek.com/forum

Back to top Go down

Re: Legend Code

Post by Genesis on January 21st 2016, 12:52 am

Thank you very much! Will it still have the background stripe?

Genesis
Helper
Helper

Male Posts : 2331
Reputation : 322
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

Re: Legend Code

Post by Luffy on January 21st 2016, 12:55 am

The background stripe? What do you mean? The lines on the top and the bottom?






Luffy
Manager
Manager

Male Posts : 4236
Reputation : 424
Language : Greek, English
Location : Greece

http://helpgr.forumgreek.com/forum

Back to top Go down

Re: Legend Code

Post by Genesis on January 21st 2016, 12:58 am

They grey stripe behind the text.

Genesis
Helper
Helper

Male Posts : 2331
Reputation : 322
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

Re: Legend Code

Post by Luffy on January 21st 2016, 1:03 am

Well in that case, replace this code i sent before:
Code:
<center><em><span id="LegendS">{GROUP_LEGEND}</span></em></center><br /><br /><Br />

with this one instead:
That should do it! Smile
Code:
<center style="background:#222;"><em><span id="LegendS">{GROUP_LEGEND}</span></em></center><br /><br /><Br />






Luffy
Manager
Manager

Male Posts : 4236
Reputation : 424
Language : Greek, English
Location : Greece

http://helpgr.forumgreek.com/forum

Back to top Go down

Page 2 of 2 Previous  1, 2

View previous topic View next topic Back to top


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