nPage Menu mit eigenem Design

Nur Leserecht (nicht sehen) für alle, ausser Hilfelexikon Mitglieder haben Voll zugang!

Moderator: moni

Benutzeravatar
Dummy
Dummy
Dummy
Beiträge: 131
Registriert: Do 3. Dez 2009, 20:01
Mein Vorname: Anonymous
Kontaktdaten:

nPage Menu mit eigenem Design

Beitragvon Dummy » Do 30. Aug 2012, 18:11

nPage Menu einbau!

Es ist nun möglich im eigenen Design einen Platzhalter für das nPage Menu einzubinden und somit die Navi über das nPage system zu bearbeiten zu koennen.
Mit nPage Scripten: Quelle

Originaltext von nPage.de

Die $menu-Variable enthält alle Punkte Ihres Hauptmenüs. Diese ist ein Array, das aus mehreren Ebenen besteht. Die Variable ist aufgebaut mit $menu[interne Menüpunkt-ID][Schlüsselname].

Falls der Menüpunkt Vom Typ "submenu" ist, besitzt dieser Menüpunkt selbst wiederum ein Array auf dem Schlüssel "subitems", in welchem sich wiederum die Untermenüpunkte befinden (vgl. Code-Beispiel weiter unten).

Folgende Tabelle zeigt alle verfügbaren Schlüsselnamen:

Schlüsselname Beschreibung
id interne Menüpunkt-ID
type Typ des Menüpunktes (mögliche Werte hierfür: "link_internal_textpage": interner Link auf eine Textseite; "link_internal_extra": interne Link auf eine spezielle Unterseite, z. B. Gästebuch oder Pinnwand; "link_external": externer Link; "submenu": Untermenü; "heading": Überschrift; "separator": Trennlinie)
title Linktext
link Ziel-URL
target Zielfenster
additional_attributes zusätzliche HTML-Attribute seitens des Systems, sollte immer miteingebunden werden
active gibt an, ob der aktuelle Menüpunkt aktiv ist, sich der User also gerade auf dieser Unterseite befindet (1 = aktiv; 0 = inaktiv)

Original Code

Diesen Code als platzhalter für das menü im eigenen Design einbinden:
Je nach Design muss er jedoch angepasst werden!

Code: Alles auswählen

<ul>
  {foreach from=$menu item=menu_item}
    {if $menu_item.type == 'link_internal_textpage' || $menu_item.type == 'link_internal_extra' || $menu_item.type == 'link_external'}
      <li class="menu"><a target="{$menu_item.target}" href="{$menu_item.link}"{$menu_item.additional_attributes}>{$menu_item.title}</a></li>
    {elseif $menu_item.type == 'submenu'}
      <li class="menu"><a onclick="javascript:submenu('submenu_own_{$menu_item.id}'); return false;" href="#"{$menu_item.additional_attributes}>{$menu_item.title}</a></li>

      {foreach from=$menu_item.subitems item=submenu_item}
        {if $submenu_item.type == 'link_internal_textpage' || $submenu_item.type == 'link_internal_extra' || $submenu_item.type == 'link_external'}
          <li class="menu submenu_item submenu_own_{$menu_item.id}" style="display: none;"><a target="{$submenu_item.target}" href="{$submenu_item.link}"{$submenu_item.additional_attributes}>{$submenu_item.title}</a></li>
        {elseif $submenu_item.type == 'heading'}
          <li class="menu submenu_item menu_heading submenu_own_{$menu_item.id}" style="display: none;">{$submenu_item.title}</li>
        {elseif $submenu_item.type == 'separator'}
          <li class="menu submenu_item menu_separator submenu_own_{$menu_item.id}" style="display: none;"><hr{$submenu_item.additional_attributes} /></li>
        {/if}
      {/foreach}
    {elseif $menu_item.type == 'heading'}
      <li class="menu menu_heading">{$menu_item.title}</li>
    {elseif $menu_item.type == 'separator'}
      <li class="menu menu_separator"><hr{$menu_item.additional_attributes} /></li>
    {/if}
  {/foreach}
</ul>


Verfasst von goefi-chiangmai


⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔
Euer Dummy

Aktiv in: Hilfen zum Forum
Aktiv in: Demo-Seite.nPage.de
⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔

Benutzeravatar
Dummy
Dummy
Dummy
Beiträge: 131
Registriert: Do 3. Dez 2009, 20:01
Mein Vorname: Anonymous
Kontaktdaten:

Re: nPage Menu mit eigenem Design

Beitragvon Dummy » Fr 8. Aug 2014, 19:01

Download ZIP für unsere Templates

Der Platzhalter für das menü "nPage-Script" wurde jetzt angepasst für unsere Download Temlates!
Nachdem Sie Unser Design Gedownloadet haben, können Sie zusätzlich diesen ZIP Downladen um die CSS zu ergänzen und das Script einbinden, anstelle des HTML menüs:

Für das Temlates 011 gibt es folgenden Download ZIP.
Für das Temlates 012 gibt es folgenden Download ZIP.


Weitere werden folgen!

Verfasst von goefi-chiangmai
⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔
Euer Dummy

Aktiv in: Hilfen zum Forum
Aktiv in: Demo-Seite.nPage.de
⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔


Zurück zu „Lösungen zu Npage Hilfelexikon“

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast