Horizontales Menue andocken

    Hallo,

    ich würde gerne das horizontale Hauptmenue beim nach unten scrollen unter der Adresseile des Browsers andocken lassen. So ein horiontales Hauptmenue ist ja so gut wie in jedem verfügbaren Template vorhanden. Bei längeren Inhalten scrollte der Besucher nach unten und das Hauptmenue verschwindet somit auch. Das würde ich gern verhindern und das Hauptmenue dann an der Adresszeile des Browsers andocken damit es dort stehen bleiben und sich erst bei nach oben scrollen wieder an seine ursprüngliche Position schiebt

    Ist das mit zeta realisierbar? Ich hab zwar etwas, was dem schon sehr nahe kommt im Netz gefunden, jedoch wüsste ich sowas hinzufüge. ?(
    Falls jemand dahingehend einen Rat/Tip hat, wäre ich sehr dankbar.

    2 Mal editiert, zuletzt von ThM (17. August 2014 um 08:50)

    Hallo,

    folgende Layouts, bietet die diese Möglichkeit frei haus:
    -Boxes, Quartett Responsive, Modern Responsive, Poster Responsive, Contemporary Responsive und On The Air.
    Bei manchen musst du dazu im Layoutdesigner unter Hauptmenü, den Punkt "Scrollend" auf "nein" setzen.

    Vielleicht ist dir ja damit schon geholfen?

    Gruß
    Jochen

    Danke Jochen,

    die beispiele waren gut und erklären genau das was ich möchte. Ich benutze jedoch das Layout "Simple Responsive" und da gibt es im Layout Designer leider nicht die Auswahlmöglichkeit "Scrolled".

    Ich vermute, dass sich das aber dennoch realisieren lässt, wenn man weiss wie man beispielsweise ein neues Attribut mit eben dieser Funktion einfügt so dass es auch im Layout Designer mit der entsprechenden Auswahl zur Verfügung steht.

    Nur sind meine bescheidenen Kenntnise dahingehend leider nicht ausreichend.

    Hallo Thomas,

    in deinem verwendeten Layout, ist das leider nicht ohne einen etwas größeren manuellen Eingriff direkt in das Layout umsetzbar.
    Da in diesem Layout, über dem Hauptmenü, noch andere Bereiche (Banner, Header, Logo) postitioniert sind, geht das nicht so ohne weiteres.

    Du hast jetzt folgende Möglichkeiten:

    1. Entweder auf ein Layout wechseln, das dies Funktion kann.
    2. Das Layout verwenden, und sich mal das Widget "Nach oben" ansehen (zu finden unter Widget > Struktur > HTML-Elemente), das dieses die Funktion bietet, wenn man auf der Seite unten ist, man durch anklicken ruckzuck wieder oben landet.
    3. Abwarten, ob dir jemand anderes evtl. noch was dazu schreibt.

    Gruß
    Jochen

    Schade, dass sollte als Standard Funktion bei allen bei alles Layouts eingebaut werden ......
    Ich warte mal noch ob vieleicht jemand noch eine Idee hat ......

    Danke einstweilen ...

    Hallo,

    so ich hab es jetzt geschaftt, die horizontale Menueleiste meines verwendeten Layouts am oberen Browserrand andocken zu lassen. Das funktioniert prima, wenn mann den Quelltext direkt bearbeitet und die erforderlichen Codestücke dahin setzt wo sie hingehören. Leider muss man das offenbar für jedes erstellte Dokument wiederholen. Aber so dramatisch ist das nicht.
    Wer es sich anschauen möchte kann dies hier gerne tun: http://www.vfl-r%c3%b6tgesb%c3%bcttel-tennis.de/index.html

    Einfach runter scrollen. Das Menue bleibt dann oben stehen.
    Das einzige was mit aufgefallen ist. Im bearbeitungsmodus der Seite funktioniert es auch. Im Vorschaumodus hingegen nicht. Im Live Modus klappt es auch.
    Hat jemand ne Idee, warum es nicht im Vorschaumodus geht ?

    PS: Hab grad auch festgestellt...... Ändere ich irgendwas in der index.html - wo ich ja die Erweiterung eingebaut hatte - hauts mir diese natürlich wieder raus (Quelltext wird wieder überschrieben). Wie kann ich das verhindern?

    Einmal editiert, zuletzt von ThM (29. August 2014 um 15:52)

    Ich schieb das Thema wieder hoch, da es leider noch nicht beantwortet wurde.
    Und noch als Nachsatz: Ist schon klar das <navbar> im Template verwendet wird. Falls es irgendwie möglich ist, mir dann bitte mitteilen, welches Template File bearbeitet werden muss, wo ich es finde und welcher Bereich in diesem Template ergänzt werden müsste ......

    Dankeschön......

    Hallo Thomas,

    als Tip dazu, folgendes Zitat mal durchlesen und dann das zuerst am besten in einem Testprojekt/oder einer Kopie deines Projekts testen.
    Diese "Vorgehensweise" die hier beschrieben wird, funktioniert auch im ZP12.

    Zitat-Anfang:
    ----------------------------------------------
    Anpassen von Layouts in ZP11 (Farben, Schriften etc.) ohne Eingriff in die Templateprogrammierung oder CSS

    In ZP10 hat man sich, um seine Anpassungen zu sichern immer ein
    bestehendes Layout kopiert. Das ist in ZP11 nicht mehr notwendig, da wir
    hierfür die sogenannten "Varianten" eingefügt haben.

    Sobald man im Layout-Editor Änderungen an einem Layout durchführt und
    diese mit OK anwendet, erstellt ZP11 automatisch eine Variante in der
    die geänderten Einstellungen gespeichert sind (Die Farbigen Rechtecke
    unket dem Screenshot des Layouts im Layout Editor).

    Der Benutzer kann sich auch selbst eigene Varianten unter einem definierbaren Namen abspeichern.

    Auf diese Weise kann man genau wie in ZP11 zwischen den
    Werks-Einstellungen der Layouts und eigenen Anpassungen, bzw. zwischen
    verschiedenen Layouts umschalten, ohne eventuelle Anpassungen zu
    verlieren. Der einzige Unterschied ist, dass man sich nun eine Variante
    speichert und nicht eine komplette Kopie des Layouts.

    Anpassen von Layouts in ZP11 (Farben, Schriften etc.) mit Eingriff in die Templateprogrammierung oder CSS

    Wenn tiefergehende Anpassung an ein Layout gewünscht sind, die einen
    Eingriff in die jeweiligen Termplates erfordern, so kopiert man sich am
    besten den Ordner, der das gewünschte Layout enthält aus dem
    Installationsverzeichnis in den Ordner "Layouts" seines Projektordners
    (wenn es den Ordner noch nicht gibt, einfach anlegen).

    Also z.B. den Ordner "Golf" aus
    "C:\Users\DEINUSERNAME\AppData\Local\Zeta Producer
    11\Packaging\Layouts\de\" in den ordner "Layouts\" innerhalb Deines
    Projektordners kopieren.

    Dann über den Layout Editor z.B. das Layout "Golf" (für dieses Beispiel)
    auswählen und anschließend alle Änderungen nur an den Daten des
    kopieren Layout Ordners in deinem Projekt durchführen.

    Wichtig zu wissen ist hierbei, dass der Layout-Editor in diesem Fall nur
    ein "Golf" Layout anzeigen würde und zwar die lokale Kopie. Wenn Sie
    der Kopie einen anderen Namen geben wollen (zur besseren
    Unterscheidung), müssen Sie die "Konfiguration.xml" im ordner "meta" des
    kopierten Layouts bearbeiten und dort in Zeile 2 den Parameter "name"
    z.B. von name="Golf" auf name="Meine Kopie von Golf" ändern.

    Achtung! Wenn Sie sich für diesen Weg entscheiden, erzeugen Sie
    eine eigenständiges Layout. Ein solches Layout wird bei Programm Updates
    nicht aktualisiert. Die "ab Werk" mitgelieferten Layouts können bei
    Programm Updates aktualisiert werden um z.B. Fehlfunktionen oder
    Fehlende Konfigurations-Optionen im Layout zu beheben. Kopierte Layouts
    können nicht aktualisiert werden. Es ist also empfehlenswert das
    Erscheinungsbild, wenn möglich, über die oben erwähnten "Varianten" zu
    bearbeiten.
    ----------------------------------------
    Zitat-Ende

    Desweiteren wird für manuelle Änderungen, keine Garantie übernommen, für die weitere korrekte Lauffähigkeit des Projektes/Layous.
    Ebenso gibt es dafür auch keinen Offizielen Support!.

    Gruß
    Jochen

    Danke Jochen ....

    ....für diese Auführungen ..... die sich beim ersten "Überfliegen" zunächst recht kompliziert anhören. Ohne jetzt irgendwas schlecht reden zu wollen und bitte ausdrücklich nicht falsch verstehen....einem versierten Progger kostet das sicherlich ein müdes Lächeln, so etwas als Wahlmöglichkeit in JEDES Template einzubauen, genauso wie manch andere Sachen auch ...... aber das gehört hier nicht her .....

    Das, wie auch andere Kleinigkeiten bremst meine bisherige positive Euphorie so ein bischen aus ....... Aber wie gesagt, ZP ist in der Grundidee und Grundkonstruktion hervorragend...

    Ps: Stempelt mich bitte nicht als Nörgler ab, aber bei allem, durchaus berechtigtem positiven Feedback, muss auch mal eine klitzekleine Kritik gesagt werden, zumal m.E. das Einfügen von eigenem Quellcode in die verschiedensten Bereiche über "Attribute" oder das Widget "Quellcode" für mein Dafürhalten mehr als kompliziert ist..... sry. Ich wüsste z.Bsp. nicht, wie ich das Andocken über Attribute oder Quellcode einfügen hinbekommen soll ....naja geht ja sowieso nicht ......

    Einmal editiert, zuletzt von ThM (1. September 2014 um 17:48)

    Hallo Thomas,
    du vergisst bei bei deinen Ausführungen das es sich hier um ein Content-Management-System handelt. Da ist das ganze ein "weinig" komplizierter als bei WP uns co.
    Jochen hat in seinem 2. Post eigentlich schon alles dazu gesagt. Entweder - Oder...
    Also beißen sich scheinbar Header Logo und Co mit einem solchem angedocktem Menü. Eine Alternative wären dann etwa 2 Versionen eines Layouts, was die Übersicht für Anfänger sicher einschränken würde.
    Aber ich denke mal das es in der Entwicklung dahin gehend Fortschritte geben wird.

    PS: Ich bin selbst ein Fan von solchen Menüs und würde mir die Ausführung von Poster Responsive für andere Layouts wünschen.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden