Jump to content

Mobile Navigation Icon hinzufügen


Recommended Posts

Okay, als erstes suchst du im Template mobileNavBar nach diesem Code ...

	{{$defaultStream = \IPS\core\Stream::defaultStream();}}
	<li {{if !\IPS\Member::loggedIn()->canAccessModule( \IPS\Application\Module::get( 'core', 'discover' ) ) }}class='ipsHide'{{endif}}>
		<a data-action="defaultStream" href='{{if $defaultStream}}{$defaultStream->url()}{{else}}{url="app=core&module=discover&controller=streams" seoTemplate="discover_all"}{{endif}}'><i class="fa fa-newspaper-o" aria-hidden="true"></i></a>
	</li>

Das ist das News-Icon, alles in allem der optimale Einstiegspunkt. Tausche das mal hiermit aus ...

	<li>
		<a href='https://yourdomain.com/'><i class='fa fa-rebel'></i></a>
	</li>  
  
	{{$defaultStream = \IPS\core\Stream::defaultStream();}}
	<li {{if !\IPS\Member::loggedIn()->canAccessModule( \IPS\Application\Module::get( 'core', 'discover' ) ) }}class='ipsHide'{{endif}}>
		<a data-action="defaultStream" href='{{if $defaultStream}}{$defaultStream->url()}{{else}}{url="app=core&module=discover&controller=streams" seoTemplate="discover_all"}{{endif}}'><i class="fa fa-newspaper-o" aria-hidden="true"></i></a>
	</li>

 	<li>
		<a href='https://yourdomain.com/donate/'><i class='fa fa-paypal'></i></a>
	</li> 

Das Ergebnis sieht dann so aus, du hast vor und hinter der Zeitung ein neues Icon ...

mobilenavigation.jpg

Eine Übersicht der verfügbaren Icons findest du HIER. Wenn du deine Icons mit Gruppenrechten versehen willst, hätten wir hier eine Anleitung (Praxisbeispiele).

  • Love 1
Link to post
Share on other sites

Kann ich auch einfach diesen Code:

	{{$defaultStream = \IPS\core\Stream::defaultStream();}}
	<li {{if !\IPS\Member::loggedIn()->canAccessModule( \IPS\Application\Module::get( 'core', 'discover' ) ) }}class='ipsHide'{{endif}}>
		<a data-action="defaultStream" href='{{if $defaultStream}}{$defaultStream->url()}{{else}}{url="app=core&module=discover&controller=streams" seoTemplate="discover_all"}{{endif}}'><i class="fa fa-newspaper-o" aria-hidden="true"></i></a>
	</li>

mit deinem Schnipsel:

	<li>
		<a href='https://yourdomain.com/'><i class='fa fa-rebel'></i></a>
	</li>

ersetzen, wenn ich das Icon tauschen möchte? Funktionieren tut es, ich weiß nur nicht ob ich etwas lösche, was ich nicht löschen sollte. :grimacing-face:

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

Um unsere Webseite für Sie optimal zu gestalten und fortlaufend verbessern zu können, verwenden wir Cookies. Durch die weitere Nutzung der Webseite stimmen Sie der Verwendung von Cookies zu. Weitere Informationen zu Cookies erhalten Sie in unserer Privacy Policy.