Poster Responsive - Hoehe der sichbaren Kopfgrafik einstellen

sbarthelmes

Ich habe eine Website mit dem Layout 'Poster Responsive' erstellt und habe ein kleines Problem und eine Frage:

Frage: Kann man die Hoehe der Kopfgrafik reduzieren? Im Moment, nimmt sie beim Seitenbesuch den gesamten Bildschirm ein und ich wuerde das gern auf 2/3 reduzieren. Wenn ich im Layout Modus die Hoehe fuer das Kopfgrafik Bild reduziere, scheint das keinerlei Einfluss zu haben.

Kleines Problem: Der kleine Zacken in der Mitte, der zum scrollen motiviert, ist auf der Homepage ploetzlich verschwunden. Auf anderen Seiten ist er noch da. Wie kann ich ihn zueruckbringen?

PS: Ich arbeite noch mit der 15 Version. Die Seite, um die es sich handelt, findest Du hier: https://www.wildinnature.co.uk/index.html

Stefan S

Die Besonderheit dieses Layouts ist gerade die Kopfgrafik über die gesamte Höhe. Wenn Ihnen das nicht gefällt, wechseln Sie doch auf ein anderes Layout.

sbarthelmes

Ja, ja. Verstehe den Ansatz und habe andere Layouts angeschaut. Poster Responsive scheint das Einzige zu sein, wo der Inhalt ueber die Grafik scrollt, die Grafik im Hintergrund bleibt, und das Hauptmenu stehen bleibt. Das finde ich sehr pfiffig, user-friendly, modern und elegant. Deshalb dachte ich, ich frag mal an, ob sich die Hoehe etwas anpassen laesst.

Ich hab eine alternative Version in Producer Responsive erstellt, kann aber da zB nicht die ueber Hintergrundfarbe alternierenden Reihen und die Scroll-Eigenschaften von Poster Responsive reproduzieren. (https://wildinnature.co.uk/test/ )

Mir ist schon klar, dass jedes Layout andere Elemente hat, und diese unterschiedlich anpassungsfaehig sind. Ist nicht immer einfach zu wissen, was veraenderbar ist, und was nicht.

PS: was ist mit dem Pfeil/Zacken passiert? Was hab ich angestellt, um ihn aus versehen auf der Homepage zu verlieren?

Liebe Gruesse

Stefan S

Sie könnten es mal mit folgendem CSS versuchen, für Seiteneffekte kann ich aber nicht garantieren, ggf. dann halt einfach das CSS wieder entfernen:

• Klicken Sie im Menü Website auf "Einstellungen"

• Klicken Sie auf CSS

• Fügen Sie folgende Textzeilen (ohne Überschrift und ohne Zeilennummern – am besten über das Dokumente-Icon rechts oben im Quellcode-Kasten kopieren) in das Feld "CSS" ein und schließen Sie den Dialog dann mit Klick auf "OK". Die 600px passen Sie halt nach Ihren wünschen an, um die Bild-Höhe darauf zu beschränken.

CSS

<style>
#header,
#headslider,
#headslider > .bg{
max-height: 600px;
}
</style>

Anschließend müssen Sie evtl. Ihre Seiten neu erstellen (Erweitert > Erstellen > Alle Seiten erstellen) und ggf. veröffentlichen.

Zitat von sbarthelmes

PS: was ist mit dem Pfeil/Zacken passiert? Was hab ich angestellt, um ihn aus versehen auf der Homepage zu verlieren?

Die werden z.B. dann entfernt, wenn in den Container-Darstellungen Hintergrundfarben o.Ä. angpasst werden.

sbarthelmes

Super! Das mit dem CSS code klappt prima. Tausend Dank fuer den Tip!

Wie fast erwartet, ist dabei aber wieder der huebsche Zacken verschwunden...

Gibt's da noch nen Trick, den wieder rein zu basteln?

Vielen Dank fuer Deine/Eure immer total hilfreiche und zuverlaessige Unterstuetzung

Stefan S

Vermutlich ist der "Zacken", das, was ich in Beitrag #4 auch beantwortet habe.

Durch das neue CSS verschwindet der nicht. Nur wenn in den Darstellungs-Einstellungen für einen Container oder eine Reihe eine Hintergrundfarbe oder ein Bild eingestellt werden etc.…

sbarthelmes

Hallo nochmal Stefan. Ich hab das wohl gelesen was Du unter #4 geschrieben hast. Ich habe aber in der Darstellungs Einstellung nichts veraendert. Und auch fuer die Reihen nicht an der Hintergrundfarbe gearbeitet.

Arbeitsschritt war: Back-up Kopie mit Zacken geoeffnet, CSS code eingegeben, komplette Seite neu erstellt, und jetzt auch veroeffentlicht. Ergebnis: Zufallsgenerator-maessig mal ne Zacke und mal keine. Wechselt innerhal einer Seite und ist auf jeder page der website unterschiedlich. Very strange...

Siehe hier: https://www.wildinnature.co.uk

Stefan S

Dann entfernen Sie am besten das CSS wieder und lassen das Layout so, wie es gedacht war.

sbarthelmes

Ich will ja keine Nervensaege sein, aber ich hatte das Problem mit den verschwindenden Zacken ja schon bevor ich das CSS eingebunden habe. Auch da habe ich nichts an der Darstellungs Einstellung nichts veraendert. Und auch fuer die Reihen nicht an der Hintergrundfarbe gearbeitet.

Es ist nicht das Ende der Welt und ich kann mit unregelmaessigen Zacken leben, aber merkwuerdig ist es schon. ich kann einfach nicht nachvollziehen, welche Aenderungen dazu gefuehrt haben.

Die eigentliche Frage bleibt: lassen sie sich wieder herstellen, oder ist das einfach zuviel Aufwand?

Stefan S

Die Art und Weise, wie diese "Zacken" dargestellt werden, wird von uns für Version 16.2 komplett überarbeitet (kann dank neuer Browser-Features extrem vereinfacht werden). Im nächsten Update sollte dies also wesentlich besser werden.

Zitat von sbarthelmes

Die eigentliche Frage bleibt: lassen sie sich wieder herstellen, oder ist das einfach zuviel Aufwand?

Ggf. schon. Schicken Sie mir bitte mal das Projekt, dann schaue ich, was das Verschwinden der Zacken bei Ihnen verursacht:

Öffnen Sie Ihr Projekt in Zeta Producer
Gehen Sie auf das Menü "Extras"
Klicken Sie auf den Button "Optionen"
Klicken Sie auf "Aktionen"
Klicken Sie rechts auf die Aktion "Projekt Senden" damit diese Markiert ist
Klicken Sie unten auf den Button "Ausführen"
Geben Sie im 1. Feld Ihre E-Mail-Adresse ein, damit wir Sie für Rückfragen kontaktieren können
Geben Sie als Referenz ins Feld Bemerkungen den Link zu diesem Forum-Artikel ein (per Kopieren und Einfügen)
Klicken Sie auf den Button "Senden"

Poster Responsive - Hoehe der sichbaren Kopfgrafik einstellen

Jetzt mitmachen!

Hilfe zum Support-Forum

Wollen Sie eine professionelle Website erstellen?