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.

Legend Code

5 posters

Page 2 of 2 Previous  1, 2

Go down

Legend Code - Page 2 Empty Legend Code

Post by Take Notes 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.
Take Notes
Take Notes
Helper
Helper

Male Posts : 2337
Reputation : 324
Language : English
Location : Forumountain

Back to top Go down


Legend Code - Page 2 Empty Re: Legend Code

Post by Take Notes January 19th 2016, 11:31 pm

Bump.
Take Notes
Take Notes
Helper
Helper

Male Posts : 2337
Reputation : 324
Language : English
Location : Forumountain

Back to top Go down

Legend Code - Page 2 Empty Re: Legend Code

Post by TheCrow 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:
Legend Code - Page 2 740f4b570a5bf401bc025e9bf96c34f9
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
TheCrow
TheCrow
Manager
Manager

Male Posts : 6898
Reputation : 794
Language : Greek, English

https://forumote.forumotion.com

Back to top Go down

Legend Code - Page 2 Empty Re: Legend Code

Post by Take Notes January 21st 2016, 12:52 am

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

Male Posts : 2337
Reputation : 324
Language : English
Location : Forumountain

Back to top Go down

Legend Code - Page 2 Empty Re: Legend Code

Post by TheCrow January 21st 2016, 12:55 am

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

Male Posts : 6898
Reputation : 794
Language : Greek, English

https://forumote.forumotion.com

Back to top Go down

Legend Code - Page 2 Empty Re: Legend Code

Post by Take Notes January 21st 2016, 12:58 am

They grey stripe behind the text.
Take Notes
Take Notes
Helper
Helper

Male Posts : 2337
Reputation : 324
Language : English
Location : Forumountain

Back to top Go down

Legend Code - Page 2 Empty Re: Legend Code

Post by TheCrow 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 />
TheCrow
TheCrow
Manager
Manager

Male Posts : 6898
Reputation : 794
Language : Greek, English

https://forumote.forumotion.com

Back to top Go down

Page 2 of 2 Previous  1, 2

Back to top

- Similar topics

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