Höhe von Header-Bereich verkleinern

Hallo Helmut,

die Größe der Headerbilder lässt sich im Layout-Designer anpassen. Vorhandene Bilder müssen gelöscht und neu eingefügt werden.

Änderungen an Layout-Einstellungen bzgl. Logo oder Kopfgrafiken wirken sich nicht auf bereits vorhandene Bilder aus, sondern nur auf neu zu importierende. Wenn in einem Projekt bereits Header-Bilder vorhanden sind und dann nachträglich in den Layout-Einstellungen die Dimensionen für Header-Bilder verändert werden, empfiehlt es sich alle vorhandenen Header-Bilder wir folgt zu bearbeiten:

1 Header-Artikel zum Bearbeiten öffnen

2 Bild Thumbnail anklicken um das Bild auszuwählen (Schritte ab hier dann für alle im Header enthaltenen Bilder wiederholen)

3 Klick auf die größere Voransicht und Wahl der Option "Bearbeiten"

4 Klick auf den Button "Zurücksetzen"

5 Klick auf "Zuschneiden" und Bild wie gewünscht verschieben

6 Schritte 2 bis 5 für alle Header-Bilder wiederholen

7 Klick auf OK

Hallo,

ich habe das gleiche Problem.

Ich möchte gern das der Header Bereich die gleiche Größe wie der Logo-Bereich hat.

Zudem möchte ich im Header Bereich nur ein Bild anzeigen welches auf die Größe des Header-Bereichs getreckt oder gestaucht wird. Bin Hintergrundbild im Text Widget kann man das einstellen. und für den Logo-Bereich kann die größe eingestellt werden. Aber egal ws ich versuche, der Header Bereich widersetzt sich meinen versuchen. Ich habe auch den folgenden CSS Code versucht.

<style>
.flexslider img {        display: none;
}
#header {        min-height: 100px; !important
}
</style><style>
.flexslider img {        display: none;
}
#header {        min-height: 100px; !important
}
</style>

Wie kann ich den Header-Bereich auf eine feste Höhe einstellen und ein Bild einfügen das diesen Bereich ganz ausfüllt?

Danke

Christian

wlppaul hier ein paar Tipps zum Verfassen von Anfragen:

Wir helfen Ihnen gerne! Bitte helfen Sie uns Ihr Problem genau zu verstehen, indem Sie folgende Hinweise beachten:

Wenn Sie Fehler / Probleme melden oder Fragen haben, seien Sie bitte so spezifisch wie möglich. "Funktioniert nicht" ist zum Beispiel für uns sehr schwer einzuschätzen. Wir wissen nicht, was Sie erwarten haben und was Sie getan haben, um das Erwartete zu erreichen. Es ist daher notwendig, alles genau zu beschreiben:

1. Welche Zeta Producer Version nutzen Sie?
2. Welches Layout nutzen Sie? Z.B.: "Smart Responsive" (Hilfe > Programminfo > Support-Informationen)
3. Was möchten Sie erreichen?
4. Wie sind Sie dazu vorgegangen? Beschreiben Sie Schritt für Schritt, welche Arbeitsschritte Sie in Zeta Producer durchgeführt haben.
5. Welches Resultat haben Sie erwartet?
6. Was ist stattdessen passiert?
7. Wie ist die URL zur Website des veröffentlichten Projekts (falls vorhanden)?
8. Falls etwas falsch aussieht, zeigen Sie uns das anhand eines Screenshot und teilen Sie uns die direkte URL der entsprechenden Seite mit.
9. Falls Sie eine Fehlermeldung erhalten, nutzen Sie die im Fehlerdialog enthaltene Option uns den Fehler zu berichten (unten links auf den Pfeil klicken). Alternativ klicken Sie die Option "Fehlerdetails" an posten den Text hier. Nur so erhalten wir genügend Details zur Fehlermeldung.

Guten Morgen,

es ware mein 1. Post, bitte um Nachsicht

1. ich nutze die Version 16.8.6.0 Home

2. Layout ist "Kommunal" (Falls es ein Layout gibt das besser passt, auch Express oder höher, bitte sagen).

3. Ich möchte die größe des Headers auf die gleiche Größe einstellen wie den Logo-Bereich links daneben. Und ich möchte im Header ein Bild anzeigen, welches auf die volle Größe des Headers gestreckt/gestaucht wird.

4. Ich habe es zuerst mit mit dem Banner versucht, habe es aber nicht geschafft dort ein Bild zu strecken/stauchen. Habe es dann getrickst: Habe ein Text-Widget eingefügt mit Text "Alt+255". Beim Textfeld konnte ich dann ein Hintergrundbild einstellen welches ich per Option auf die Größe des Banner-Bereichs anpassen konnte.

Dann habe ich versucht für eine Unterseite das gleiche zu erreichen. Im Header-Bereich der Unterseite ein Bild einfügen welches den Header ausfüllt. Und versucht den Header Bereich auf die gleiche Größe zu Bekomen wie den Logo-Bereich daneben.

5. und 6. Habe erwartet das man, wie im Logo-Bereich, die Höhe einstellen und ein Bild strecken/stauchen kann. Leider nicht hinbekommen, daher das Hilfegesuch.

7. Ich habe die Test-Seite hier bei Ihnen hochgeladen: https://hosting.zeta-producer.com/7866511690/unterseite-1.html

8. Ich habe eine Schematische Darstellung des Designs welches ich hinbekommen möchte dem Post beigefügt.

9. Fehlermeldungen habe ich keine

Generell wärs hilfreich im Design-Modus die größe der einzelnen Bereiche direkt per Maus einstellen zu können, ähnlich der Feldergröße bei meinem in Excel gemachten Wunsch-Design.

Ich hoffe ich habs jetzt korrekt beschrieben.

Vielen Dank für die Hilfe und auch die Geduld.

Christian

Das lösen Sie am besten über den Banner-Bereich (Hinweise gelten speziell für das genutzte Layout):

• Anzeige von Logo und Website-Name in "Einstellungen" deaktivieren.
• Im Banner-Bereich (am besten im Spaltenmods F8) ein Slider Widget einfügen.
• Im Slider-Widget platzieren Sie dann eben nur ein Bild, also das, was man in Ihrem Design-Wunsch oben sieht.
• Damit kein Abstand unter dem Banner-Bereich entsteht, für die Reihe in der sich das Slider-Widget befindet über die Darstellungs-Eigenschaften den "Aussenabstand unten" auf 0px setzen.
• In Einstellungen > CSS müssen wir dann etwas CSS (siehe unten) platzieren um Ränder aus dem Banner-Bereich zu entfernen

CSS:

<style>
#banner{
    padding-top: 0;
    padding-bottom: 0;
}
</style>

Testprojekt im Anhang.

Das sieht schon super aus. Vielen Dank für den Tip und die Mühe!

Ich würde nur gern das "Nerd History"-Bild auf jeder Unterseite austauschen können.

Wie im obigen Wunsch-Design-Bild. Oben ein Banner/Header Bild der Hauptseite. (Banner/Header der Webseite)

Darunter links einen Logo/Bild Bereich. und rechts daneben ein Banner/Header der Unterseite in gleicher Höhe wie der Logo-Bereich.

So könnte ich das dort das jeweilige Banner/Header-Bild der Unterkategorie anzeigen.

Hierzu würde sich ja der Header-Bereich des jeweiligen Unterseite anbieten. Hierzu bräucht ich nur die Möglichkeit ihn auf die gleiche Höhe wie den Logo-Bereich einzustellen.

Und wie gesagt, falls es ein Design gibt das besser für dieses Vorhaben geeignet ist... Das Kommunal-Design sah für mich halt nach "am nächsten an meiner Vorstellung dran" aus.

Dankende Grüße

Christian

Den Bereich für die Kopfgrafik mit dem Bereich für das Log auf korrespondierende Höhe zu bringen halte ich für ein aussichtslose Unterfangen, auch wegen der Responsive-Darstellung. Sie müssten halt jeweils eine anderes Bild im Slider des Banner-Bereich nutzen wenn sich das Pro Seite unterscheiden soll. Wo es sich nicht unterscheiden soll, kann der Banner verknüpft werden.