Beiträge von Walter

    Danke für die Informationen!

    Habe mich vorerst für Header entschieden.

    Für meine aktuelle Anwendung habe ich die Headerhöhe deutlich verkeinert und mit den von Ihnen beschriebenen Schritten die Bilder neu eingerichtet und teilweise durch andere ersetzt.

    Hallo!

    Nach einigen Überraschungen mit den Header Funktionsweisen überlege ich auf die Verwendung des Headers zu verzichten als Ersatz das Widget "Slider" an den Anfang des Inhaltsbereiches zu stellen.

    Bisherige "Überraschungen" und eigene Erkenntnisse:

    • Problem: fixe Bildgröße in Header
      Die Bildgröße für Header ist im Layout für das ganze Projekt einmalig festgelegt. Es kann aber sinnvoll sein für gewisse Teile des Projekts, die z.B. durch eine übergeordnete Seite zusammengefasst sind, eine abweichende Headergröße zu verwenden.
      Das ist zwar durch nachträgliche Änderung der Layoutvorgabe möglich, aber das ständig zu wechseln und zu kontrollieren ist praktisch nicht handhabbar.
    • Problem: Layout wechseln führt zu Headerfehler
      Ich hatte von ZP13 "Atmosphere Responsive" auf ZP14 "Flat Responsive" gewechselt.
      Das alte Design in ZP13 hatte als Headergröße 980 x 320 px. Das in ZP14 neue Design Flat Responsive hat als Standard Inhaltsbreite 1100 px. Daraus ergibt sich, dass nach der Projektübernahme (automatische Konvertierung in ZP14) die neue Einstellung für Header automatisch an die 1100 px Inhaltsbreite angepasst ist.
      Anfangs hatte es den Anschein, als würde der allte Header im neuen ZP14 Design funktioniren.

      Das Problem entsteht sobald ein weiteres (neues) Bild in den Header eingefügt wird. Die alten (zu kleinen) Headerbilder füllen den Header nicht mehr vollständig aus und müssten alle neu erstellt werden.
    • Vorteil Header
      Ich vermute, die Header Bilder sind an die Headergröße angepasst und werden so schneller geladen.
    • Vorteil Slider als Ersatz für Header
      - Jeder Slider kann auf anderes Bildformat und Bildgröße eingestellt werden.
      - Slider passt das Bild immer an die Fensterbreite an (sehe ich subjektiv als Vorteil)
      siehe: Layout Flat Responsive - Header - Responsive Darstellung?
      - Slider wird sich "vermutlich" bei Designänderung/-wechsel ohne manuelle Nachbearbeitung automatisch an geänderte Inhaltsbreite anpassen.

    Fragen:

    1. Welche sonstigen Vor- oder Nachteile habe ich zu erwarten?
    2. Was sollte ich bei dieser Grundsatzentscheidung noch beachten oder wissen?
    3. Was halten Sie generell von der Idee statt dem Header das Slider-Widget zu verwenden?

    Hallo!

    Im Layout Flat Responsive wird das Headerbild nur teilweise automatisch an die Fensterbreite angepasst.
    Ab irgendeinem etwas schmäleren Fenster wird nur mehr ein Teil des Bildes gezeigt, dieser Bildausschnitt aber in ungewöhnlich großer Höhe.

    Ist dieser Effekt so gewollt oder soll das nachgebessert werden?

    Ein Vergleich mit dem Widget Slider ergab:
    Bei gleicher Umschaltgrenze der Fensterbreite wird bei "Slider" der Text unter das Bild gestellt.
    Slider Widget passt das Bild immer an die Fensterbreite an.

    Hallo!

    Im Layout "Flat Responsive" sind Hintergrundbilder in Container generell auf "randlos" eingestellt.



    Im Handbuch steht bei
    https://docs.zeta-producer.com/einen-containe…eren.html#a3299
    die Option ist von Layout abhängig.



    Im Layout "Flat Responsive" ist das leider nicht auswählbar.

    Randlos ist oft vorteilhaft, aber nicht immer.

    Wie ist es möglich für Hintergrund (Bild und/oder Farbe) die randlose Darstellung für bestimmte Container auf die Inhaltsbreite zu ändern?

    Nein, nur wenn nicht ALLE möglichen Untermenü in der Fensterbreite Platz finden wird mobiles Menü gezeigt.
    In der Projektbearbeitung wird, vermutlich wegen dem linken Bearbeitungsmenü, schon bald auf mobiles Menü umgestellt.
    Ich bin mit dieser Lösung vorläufig zufrieden, weil damit immer ein verlustfreies Menü gesichert ist.

    Längerfristiger Wunsch bleibt, die Aufklapprichtung zu wechseln falls der Fensterrand überschritten wird.

    STRG-SHIFT-T bringt Meldung:

    Diese Meldung ist jetzt ständig rechts unten im Bearbeitungsfenster.


    Aber nach Klick auf das Dreieck wird nur leeres Protokoll angezeigt.



    Auffällig: Bei der Anzeige Quelltext steht als Dateiname ZP13... obwohl es ein von ZP13 auf ZP 14 übernommenes Projekt ist.

    Ich weiß nicht wie ich Ihnen mein privates Projekt zeigen soll.
    Ich könnte es notfalls auf meinen Webspace kopieren und Ihnen zeitlich begrenzt ein Kennwort für den Zugriff per E-Mail senden.

    Ich habe noch ein Backup vom 22.5. (vor dem heutigen Update), soll ich darauf zurücksetzen und/oder davor den fehlerhaften Stand als neues Backup speichern?
    Layout Flat Responsive - Header - Problem Breite und Resopnsive

    Sehr geehrer Herr Seiz,

    nach dem heutigen Update zur Lösung für verlustfreie Untermenüs tritt folgendes neues Problem im Header auf:


    Der Header belegt nicht mehr wie bisher üblich die ganze Fensterbreite, sondern ist bei breiteren Darstellungen auf die Breite des Inhaltsbereiches begrenzt. Text der zum Headerbild gehört verhält sich aber noch immer wie vorher mit ganzer Fensterbreite und steht dann zB bei Ausrichtung nach rechts teilweise außerhalb des angezeigten Bildes.

    Auch die davor perfekt funktionierende responsive Anpassung der Headerbilder funktioniert nicht mehr bzw. von der Fensterbreite abhängig nur noch in sehr eingeschränkter Form.


    Link zum gelösten Menü Problem:
    Layout Flat Responsive - Untermenü abgeschnitten

    17:10 Screenshots nach perfekter Lösung entfernt.

    Sehr geehrter Herr Seiz,

    danke für die sicher nicht einfach zu bewerkstelligende Menülösung die nun ein verlustfreies Menü sicherstellt!

    Leider brachte das Update ein neues Problem:
    Ich habe nach dem Update ganze Website neu erstellt und (intern) veröffentlicht.
    Bei Veröffentlichung kam die Meldung


    Das Menü funktioniert nun, wie von Ihnen beschrieben, verlustfrei mit Umschaltung auf mobile Darstellung wenn nicht alle Untermenüs in der Anzeige Platz fänden.

    Der durch das Update ausgelöste neue Fehler betrifft den Header:
    Zur Übersichtlichkeit im Forum erstelle ich für den neuen Fehler im Header einen neuen Eintrag.
    Link zu neuem Headerfehler:
    Layout Flat Responsive - Header - Problem Breite und Resopnsive

    Hallo mr.president,

    unter -->Website --> Erweitert --> Dateien --> Aktionen
    gibt es die Auswahl --> "Nicht verwendete Dateien suchen"





    Die gleiche Auswahl gibt es auch für Bilder
    unter -->Website --> Erweitert --> Bilder --> Werkzeuge --> "Nicht verwendete Bilder suchen".

    Die nicht verwendeten Bilder danach löschen könnte Ihrem Wunsch entsprechen.

    Hallo!

    Es wird noch andere Ursache für das transparente Menü geben.

    In meinem ZP14 Flat Responsive Testprojekt ist nun das Menü auch transparent, obwohl darin das favicon unverändert ist.

    Was ich darin bisher probiert habe weiß ich nicht mehr.
    Jedenfalls war auch der Test mit dem neuen Menü-Widget dabei, das ich inzwischen wieder gelöscht habe.
    Siehe: ZP 14 Navigationsmenü manuell - fixiert?

    Aktueller Screenshot:


    Wenn es hilft, kann ich das kleine Testprojekt irgendwo veröffentlichen.

    Hallo Max,

    als mehrjähriger Forum Mitleser habe ich erkannt,
    bisher gab es bei PC Wechsel nie Probleme, bzw. wurden mögliche Probleme von Anwendern in kürzester Zeit auf direktem Weg (Kontakt mit Zeta Service) gelöst.
    Beispiele sind im Forum über Suche nach z.B. "Lizenznummer" zu finden.

    Hallo!

    Überschrift und Text im Header kann waagrecht ausgerichtet werden.

    • Für die Überschrift kann direkt im Header für jedes Bild über das Zahnrad die Ausrichtung eingestellt werden.
    • Im Layout-Designer ist das für den Text unter --> Kopfgrafik --> Text --> Ausrichtung einstellbar.

    Die Eintragung im Layout-Designer wirkt auf das ganze Projekt.

    Fragen:

    1. Wie kann die Ausrichtung des Textes mit der Ausrichtung der Überschrift des jeweiligen Bildes verknüpft werden?
    2. Falls 1. nicht möglich, kann mit Inline-CSS nur der zu einem bestimmten Bild gehörende Bildtext ausgerichtet werden.
      Schön wäre ein hilfreicher Inline-CSS Code.

    ich hab eine Lösung gefunden

    Warum schreiben Sie Ihre Lösung nicht für alle, vielleicht auch späteren, Mitleser dazu?

    Und warum sind für Sie die bisherigen informativen Antworten nicht ausreichend?
    Zur Info:
    Eine ähnliche Frage hatte ich hier im Forum schon gestellt, ich fand die damaligen Erklärungen aufschlussreich und ausreichend.
    Wenn Sie im Forum nach "Salzamt" suchen, finden Sie die damaligen Beiträge.

    Sehr geehrter Herr Seiz,

    "In Ihrem Fall wäre dann generell nur das mobile Menü sichtbar." wäre für mich unschön, weil damit das eigentlich (solang die problematischen Menüteile nicht mit angewählt wurden) hervorragend funktionierende und übersichtliche Drop-Down Menü verloren ginge.

    Aber als Notlösung ist Ihr Vorschlag sicher als Behebung des Problems brauchbar, weil damit immer ein verlustfreies Menü sichergestellt wäre.

    Hallo!

    Um irgendwie den Bereich CSS besser zu verstehen suche und nutze ich
    https://wiki.selfhtml.org/wiki/CSS

    Mir sind dabei noch grundlegende Dinge unklar.


    CSS in ZP:
    Mir ist bisher bekannt,
    in ZP kann generelles CSS über

    --> Einstellungen ---> CSS
    ( Handbuch https://docs.zeta-producer.com/eigenes-css-einfuegen.html )
    und/oder speziell für bestimmte Inhalte anzuwendene CSS
    --> direkt in der Bearbeitung über
    ----> weitere Einstellungen --> mehr --> CSS-Klasse bzw. Inline-CSS
    eingetragen werden.
    Die im Handbuch beschriebene generelle Eintragung habe ich nach hilfreichen Tipps erfolgreich in ZP12 und zuletzt ZP14 genutzt.
    Meine Versuche bei Inline-CSS schlugen fehl.
    Frage:
    Wodurch unterscheiden sich CSS Eintragungen in der erweiterten Bearbeitung (Inline-CSS) von Einträgen wie sie im Handbuch beschrieben sind?


    generell:
    Gibt es ergänzend zu https://wiki.selfhtml.org/wiki/CSS einführende deutschsprachige Seite(n) die zu mehr Grundverständnis, für mich als weitgehender Laie, beitragen?

    Sehr geehrter Herr T.,

    das ist sehr schade!
    Ausblenden ist für mich keine brauchbare Lösung.

    Aber als unschöne Notlösung kann ich den Teil
    "Die weitere Verlinkung sollte dann intern auf den jeweiligen Seiten erfolgen."

    Ihres Vorschlags versuchen.
    Das bedeutet bei ausreichender Fensterbreite die schöne Menüauswahl von diesem Layout und im Problemfall die Chance über die interne Verlinkung zu den gewünschten Seiten zu gelangen.

    Alternative Wunschlösung:
    Bei nicht sichtbaren oder abgeschnittenen Untermenü blendet der Browser waagrechte Scrollbalken ein, die aber nicht genutzt werden können.
    Bei der Anzeige ist auch nicht erkennbar ob, was und wie viele Menüteile fehlen.
    Ist es irgendwie möglich diese Browserfunktion "waagrechter Scrollbalken (durch Menü ausgelöst)" zu erkennen und damit automatisch die Menüauswahl auf die im Layout vorhandene mobile Menü-Variante umzuschalten? Damit wäre bei ausreichenden Fensterbreiten das bessere Drop-down Menü aktiv und im Problemfall automatisch die mobile Menüauswahl. So wäre immer eine verlustfreie Menüführung gesichert.

    Hallo!

    Ist es im neuen ZP14 Layout "Flat Responsive" möglich die vertikale Textposition im Header von zentriert auf unten zu ändern?
    Die horizontale Ausrichtung ist über Layout einstellbar.


    Was soll bzw. kann ich unter "mehr - Einstellungen" bei Inline-CSS oder CSS-Klasse eintragen, damit die Änderung nur einen bestimmten Header betrifft?

    CSS-Klasse ist: .flex-caption
    Ist diese CSS-Klasse nur für den Text im Header verwendet?


    Mir fehlen noch Grundkenntnisse, aber lerne mit jedem Schritt dazu.

    Ergänzung 2017-05-21 12:27:
    Mein laienhafter Versuch ".flex-caption {position: absolute; bottom: 0;}" in das Feld Inline-CSS einzutragen brachte mit und ohne "style" keinen Erfolg.


    Ich möchte nur die Textposition im Bild nach unten verlagern.

    Hallo!

    Ich versuche mein nicht öffentliches Projekt auf das in ZP14 neue "Flat Responsive" Layout umzustellen.
    Voraussichtlich werde ich dieses Layout später auch für ein geplantes öffentliches Projekt verwenden.

    Aktuelles Problem:
    Das mehrstufige Untermenü wird teilweise rechts nicht mehr angezeigt und/oder abgeschnitten.

    Ist es möglich Menü Unterstufen die rechts im Fenster nicht mehr Platz haben, nach links aufzuklappen damit sie sichtbar und auswählbar werden?

    Screenshot Beispiel:


    Ergänzung 2017-05-21 13:27:
    Bei nicht sichtbaren oder abgeschnittenen Untermenü blendet der Browser waagrechte Scrollbalken ein. Seitliches scrollen ist aber praktisch unmöglich.

    In diesem Kontext (Fixe Navigation über anderer fixer Navigation) ist das Widget auch nicht getestet.

    Vielleicht sind meine gut gemeinten obigen Informationen irgendwann hilfreich.

    Ihre Erklärungen sind für mich schlüssig und es sollte somit in praktischen Anwendungen keine Fehlfunktionen mit der Option "fixiert" im neuen "Navigationsmenü manuell" geben.

    Besten Dank!