3.2.x Extensions Database 3.2 / 3.3 ⇒ Navbar 3.2.x

[lopoto]

As you write, it seems so simple, and I'm immune to IT

but thanks you are trying

[Sniper_E]

How can I do like this at simplisity theme. I need to add setforumwidth and readmemberspm extensions. Sorry for my bad english, help, please.

I took dmzx/navbar/styles/prosilver/template/event/overall_header_navigation_prepend.html template and added code at the bottom.

Code: Select all

<!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
<li id="quick-links" class="quick-links responsive-menu dropdown-container<!-- IF not S_DISPLAY_QUICK_LINKS and not S_DISPLAY_SEARCH --> hidden<!-- ENDIF -->" data-skip-responsive="true">
<a href="#" class="responsive-menu-link dropdown-trigger">
	<i class="icon fa-bars fa-fw" aria-hidden="true"></i><span>{{ lang('NAVBAR_LINKS') }}</span>
</a>
	<div class="dropdown hidden">
		<div class="pointer"><div class="pointer-inner"></div></div>
		<ul class="dropdown-contents" role="menu">
			<!-- EVENT dmzx_navbar_quick_links -->
		</ul>
	</div>
</li>
<!-- ENDIF -->

<li id="extensions-links" class="quick-links responsive-menu dropdown-container" data-skip-responsive="true">
<a href="#" class="responsive-menu-link dropdown-trigger">
	<i class="icon fa-bars fa-fw" aria-hidden="true"></i><span>{{ lang('EXTENSIONS') }}</span>
</a>
	<div class="dropdown hidden">
		<div class="pointer"><div class="pointer-inner"></div></div>
		<ul class="dropdown-contents" role="menu">
			<!-- EVENT dmzx_navbar_extensions -->
		</ul>
	</div>
</li>

That created dmzx's Games drop down menu and an Extensions drop down menu.
Then I renamed all of the event templates in my extension's event/ folder to dmzx_navbar_extensions.html

That's it folks. It does not get any simpler than that.

And I found out that dmzx's code in the <ul class="dropdown-contents-navbar" role="menu"> caused the little space in the drop down.
I changed that line to <ul class="dropdown-contents" role="menu"> and all the links showed up fine.

[martin]

To be fair its dead simple

just rename the overall_header_navigation_append.html thats in all exts to dmzx_navbar_quick_links.html

2018-05-12_005942.png

[lopoto]

@martin - working !


I now have a few ext in Games. And how to make a second bar next to it, let's say photo and give it to fotoupload?

[Sniper_E]

Add some codes at the bottom of dm's template like I showed you above.

Code: Select all

<li id="photo-links" class="quick-links responsive-menu dropdown-container" data-skip-responsive="true">
<a href="#" class="responsive-menu-link dropdown-trigger">
	<i class="icon fa-bars fa-fw" aria-hidden="true"></i><span>{{ lang('PHOTOS') }}</span>
</a>
	<div class="dropdown hidden">
		<div class="pointer"><div class="pointer-inner"></div></div>
		<ul class="dropdown-contents" role="menu">
			<!-- EVENT dmzx_navbar_photos -->
		</ul>
	</div>
</li>

Then use dmzx_navbar_photos.html event template names to insert the links to them.

WTF is going on in here. I said the same thing.

The event template is named overall_header_navigation_prepend.html you can rename that to dmzx_navbar_quick_links.html
This will move your game link into your new "Games" drop down menu.

But Martin comes in and says it and people get it. WTH

[lopoto]

THX Sniper and martin , I could not help myself, you are always helpful

[martin]

I posted it back on page one no one read it.

[luca17000]

Yes yesssss yessssssssssssss !!!!!

Sans titre.png

THANK YOU TO ALL, BEAUTIFUL WORK !!!!

[dmzx]

I posted it back on page one no one read it.

[weblord]

This is exactly what I want . thank you very much.

Code: Select all

<li id="extensions-links" class="quick-links responsive-menu dropdown-container" data-skip-responsive="true">
<a href="#" class="responsive-menu-link dropdown-trigger">
	<i class="icon fa-bars fa-fw" aria-hidden="true"></i><span>{{ lang('INCENTIVE WALL') }}</span>
</a>

my question is when installed from the start, it came out as Games, how do you change Games into something else?

How can I do like this at simplisity theme. I need to add setforumwidth and readmemberspm extensions. Sorry for my bad english, help, please.

I took dmzx/navbar/styles/prosilver/template/event/overall_header_navigation_prepend.html template and added code at the bottom.

Code: Select all

<!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
<li id="quick-links" class="quick-links responsive-menu dropdown-container<!-- IF not S_DISPLAY_QUICK_LINKS and not S_DISPLAY_SEARCH --> hidden<!-- ENDIF -->" data-skip-responsive="true">
<a href="#" class="responsive-menu-link dropdown-trigger">
	<i class="icon fa-bars fa-fw" aria-hidden="true"></i><span>{{ lang('NAVBAR_LINKS') }}</span>
</a>
	<div class="dropdown hidden">
		<div class="pointer"><div class="pointer-inner"></div></div>
		<ul class="dropdown-contents" role="menu">
			<!-- EVENT dmzx_navbar_quick_links -->
		</ul>
	</div>
</li>
<!-- ENDIF -->

<li id="extensions-links" class="quick-links responsive-menu dropdown-container" data-skip-responsive="true">
<a href="#" class="responsive-menu-link dropdown-trigger">
	<i class="icon fa-bars fa-fw" aria-hidden="true"></i><span>{{ lang('EXTENSIONS') }}</span>
</a>
	<div class="dropdown hidden">
		<div class="pointer"><div class="pointer-inner"></div></div>
		<ul class="dropdown-contents" role="menu">
			<!-- EVENT dmzx_navbar_extensions -->
		</ul>
	</div>
</li>

That created dmzx's Games drop down menu and an Extensions drop down menu.
Then I renamed all of the event templates in my extension's event/ folder to dmzx_navbar_extensions.html

That's it folks. It does not get any simpler than that.

And I found out that dmzx's code in the <ul class="dropdown-contents-navbar" role="menu"> caused the little space in the drop down.
I changed that line to <ul class="dropdown-contents" role="menu"> and all the links showed up fine.

[dmzx]

this is exactly what I want . thank you very much.

Code: Select all

<li id="extensions-links" class="quick-links responsive-menu dropdown-container" data-skip-responsive="true">
<a href="#" class="responsive-menu-link dropdown-trigger">
	<i class="icon fa-bars fa-fw" aria-hidden="true"></i><span>{{ lang('INCENTIVE WALL') }}</span>
</a>

my question is when installed from the start, it came out as Games, how do you change Games into something else?

How can I do like this at simplisity theme. I need to add setforumwidth and readmemberspm extensions. Sorry for my bad english, help, please.

I took dmzx/navbar/styles/prosilver/template/event/overall_header_navigation_prepend.html template and added code at the bottom.

Code: Select all

<!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
<li id="quick-links" class="quick-links responsive-menu dropdown-container<!-- IF not S_DISPLAY_QUICK_LINKS and not S_DISPLAY_SEARCH --> hidden<!-- ENDIF -->" data-skip-responsive="true">
<a href="#" class="responsive-menu-link dropdown-trigger">
	<i class="icon fa-bars fa-fw" aria-hidden="true"></i><span>{{ lang('NAVBAR_LINKS') }}</span>
</a>
	<div class="dropdown hidden">
		<div class="pointer"><div class="pointer-inner"></div></div>
		<ul class="dropdown-contents" role="menu">
			<!-- EVENT dmzx_navbar_quick_links -->
		</ul>
	</div>
</li>
<!-- ENDIF -->

<li id="extensions-links" class="quick-links responsive-menu dropdown-container" data-skip-responsive="true">
<a href="#" class="responsive-menu-link dropdown-trigger">
	<i class="icon fa-bars fa-fw" aria-hidden="true"></i><span>{{ lang('EXTENSIONS') }}</span>
</a>
	<div class="dropdown hidden">
		<div class="pointer"><div class="pointer-inner"></div></div>
		<ul class="dropdown-contents" role="menu">
			<!-- EVENT dmzx_navbar_extensions -->
		</ul>
	</div>
</li>

That created dmzx's Games drop down menu and an Extensions drop down menu.
Then I renamed all of the event templates in my extension's event/ folder to dmzx_navbar_extensions.html

That's it folks. It does not get any simpler than that.

And I found out that dmzx's code in the <ul class="dropdown-contents-navbar" role="menu"> caused the little space in the drop down.
I changed that line to <ul class="dropdown-contents" role="menu"> and all the links showed up fine.

Look in the language common.php file.
I see that you changed L_NAVBAR_LINKS to lang('INCENTIVE WALL') so change that also in common.php file
Then you can change the language files from games to whaterver you like.

so common.php looks like:

Code: Select all

$lang = array_merge($lang, array(
	'INCENTIVE WALL'		=> 'Whatever wall',
));

[Sniper_E]

Change language file to whatever you want the call the navbar menu.

Look at the bottom of the dmzx/navbar/language/en/common.php

Code: Select all

$lang = array_merge($lang, array(
	'NAVBAR_LINKS'		=> 'Games',
));

You can change 'NAVBAR_LINKS' => 'Games', to 'NAVBAR_LINKS' => 'Extensions',

Or you can add other drop-down menu names for other drop-down menus on new lines.

Code: Select all

$lang = array_merge($lang, array(
	'NAVBAR_LINKS'          => 'Games',
	'EXTENSIONS_LINKS'      => 'Extensions',
));

And use the extra line you added in your template as...

Code: Select all

<i class="icon fa-bars fa-fw" aria-hidden="true"></i><span>{{ lang('EXTENSIONS_LINKS') }}</span>

[weblord]

Got it. nice thanks.

this is exactly what I want . thank you very much.

Code: Select all

<li id="extensions-links" class="quick-links responsive-menu dropdown-container" data-skip-responsive="true">
<a href="#" class="responsive-menu-link dropdown-trigger">
	<i class="icon fa-bars fa-fw" aria-hidden="true"></i><span>{{ lang('INCENTIVE WALL') }}</span>
</a>

my question is when installed from the start, it came out as Games, how do you change Games into something else?

How can I do like this at simplisity theme. I need to add setforumwidth and readmemberspm extensions. Sorry for my bad english, help, please.

I took dmzx/navbar/styles/prosilver/template/event/overall_header_navigation_prepend.html template and added code at the bottom.

Code: Select all

<!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
<li id="quick-links" class="quick-links responsive-menu dropdown-container<!-- IF not S_DISPLAY_QUICK_LINKS and not S_DISPLAY_SEARCH --> hidden<!-- ENDIF -->" data-skip-responsive="true">
<a href="#" class="responsive-menu-link dropdown-trigger">
	<i class="icon fa-bars fa-fw" aria-hidden="true"></i><span>{{ lang('NAVBAR_LINKS') }}</span>
</a>
	<div class="dropdown hidden">
		<div class="pointer"><div class="pointer-inner"></div></div>
		<ul class="dropdown-contents" role="menu">
			<!-- EVENT dmzx_navbar_quick_links -->
		</ul>
	</div>
</li>
<!-- ENDIF -->

<li id="extensions-links" class="quick-links responsive-menu dropdown-container" data-skip-responsive="true">
<a href="#" class="responsive-menu-link dropdown-trigger">
	<i class="icon fa-bars fa-fw" aria-hidden="true"></i><span>{{ lang('EXTENSIONS') }}</span>
</a>
	<div class="dropdown hidden">
		<div class="pointer"><div class="pointer-inner"></div></div>
		<ul class="dropdown-contents" role="menu">
			<!-- EVENT dmzx_navbar_extensions -->
		</ul>
	</div>
</li>

That created dmzx's Games drop down menu and an Extensions drop down menu.
Then I renamed all of the event templates in my extension's event/ folder to dmzx_navbar_extensions.html

That's it folks. It does not get any simpler than that.

And I found out that dmzx's code in the <ul class="dropdown-contents-navbar" role="menu"> caused the little space in the drop down.
I changed that line to <ul class="dropdown-contents" role="menu"> and all the links showed up fine.

Look in the language common.php file.
I see that you changed L_NAVBAR_LINKS to lang('INCENTIVE WALL') so change that also in common.php file
Then you can change the language files from games to whaterver you like.

so common.php looks like:

Code: Select all

$lang = array_merge($lang, array(
	'INCENTIVE WALL'		=> 'Whatever wall',
));

[boldherri]

I see why your yahtzee icon is off. That game is using a icon image instead of a fa-icon.

Code: Select all

			<li class="small-icon icon-knuffel"><a href="/knuffel" title="Yahtzee">Yahtzee</a></li>

You could select a fa-fa icon to use in that code and your icons will line up.

Code: Select all

			<li data-last-responsive="true">
				<a href="/knuffel" title="Yahtzee" role="menuitem">
				<i class="icon fa fa-yahoo" aria-hidden="true"></i> <span>Yahtzee</span></a>
			</li>

As far as your links duplicated in the navbar...
Once you get them in your drop-down then remove the event template like I instructed above.

Hi guys,

I'm trying but i can not,
in this code how do you add a link that opens an external page?

Code: Select all

<li data-last-responsive="true">
				<a href="/knuffel" title="Radio Live" role="menuitem">
				<i class="icon fa fa-yahoo" aria-hidden="true"></i> <span>Radio Live</span></a>
			</li>

and can you delete the game button? I only need to put a button connected to an external link

EDIT:
I entered this code and the button appears,

Code: Select all

<li id="extensions-links" class="quick-links responsive-menu dropdown-container" data-skip-responsive="true">
<a href="#" class="responsive-menu-link dropdown-trigger">
	<i class="icon fa-bars fa-fw" aria-hidden="true"></i><span>{{ lang('Radio Live') }}</span>
</a>

how do i add a link to the button?

EDIT:Ok i have solved,
the link was to be added instead of the hash sign #

here:

Code: Select all

<a href="#" class="responsive-menu-link dropdown-trigger">

I'm sorry that nobody here in the forum gave me a simple advice

[Sniper_E]

I'm sorry that nobody here in the forum gave me a simple advice

You just posted this yesterday afternoon. And I am just now seeing your post here this morning.

No one is sitting online here waiting for your post to come in so they can give you an immediate response.
It's like you expected an instant response. There is no Live Help available on these sites waiting to help you.

Please go cry somewhere else about that. And no one is bound to give help that fast so please don't demand it.