Thread Rating:
  • 12 Vote(s) - 3.67 Average
  • 1
  • 2
  • 3
  • 4
  • 5
[For 1.8] Flow Theme Free Release
(10-17-2019, 01:09 AM)Algorithmz Wrote: Hey, I was wondering if you could help me. I'm trying to add 2 new tabs to the navigation bar on the top of the forums (where portal, member list, etc) is. The two new tabs/links are "Store" and "Discord".

Here's the FontAwesome Unicode Codes for each -

Store -> f54e / Goes to -> https://vanguardservers.net/store
Discord -> f392 / Goes to -> https://discord.gg/xbj3qEE

------------

Here's the forum: https://vanguardservers.net
 
You need to make a couple of changes in the global css

FIND (around line 107)
#logo ul.top_links a.search::before,
#logo ul.top_links a.memberlist::before,
#logo ul.top_links a.calendar::before,
#logo ul.top_links a.help::before,
#logo ul.top_links a.portal::before {
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 2em;
	display: block;
	margin-bottom: 5px;
}


REPLACE IT WITH
(just added to first to lines to the top)
#logo ul.top_links a.store::before,
#logo ul.top_links a.discord::before,
#logo ul.top_links a.search::before,
#logo ul.top_links a.memberlist::before,
#logo ul.top_links a.calendar::before,
#logo ul.top_links a.help::before,
#logo ul.top_links a.portal::before {
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 2em;
	display: block;
	margin-bottom: 5px;
}

Just before that add
(just added to first to lines to the top)
#logo ul.top_links a.store::before {
    content: "\f54e";
}
#logo ul.top_links a.discord::before {
    content: "\f392";
}


In your header template

Find
<ul class="menu top_links">

Then wherever you want the links to show add the following in to this that ul tag

<li><a href="https://vanguardservers.net/store" class="store"><span>Store</span></a></li>
<li><a href="https://discord.gg/xbj3qEE" class="discord"><span>Discord</span></a></li>
Coming soon......
Reply
Can you provide the demo admin link?
Reply


Forum Jump:


Users browsing this thread: officially4h, 1 Guest(s)