Headerbild über ganze Fläche

Woritmor · February 19, 2017 at 9:29 PM

Guten Abend zusammen,

ich möchte im WSC 3.0 / WBB5 ein Headerbild einfügen welches Zentral und über die ganze Fläche geht. Wenn ich das Bild "einfach" einfüge Habe ich oben/unten/links/rechts noch viel Platz.

Ich denke das ganze muss über ein Individuelles CSS im Stil geändert werden. Damit kenne ich mich aber leider kaum aus und würde mich freuen wenn daher jemand eine Idee / Lösung für mich hat. Einen ähnlichen Thread gab es bereits : Header zentral und über die ganze Fläche

Dieser wurde aber ohne Lösung (jedenfalls für mich) geschlossen.

Danke im voraus!

Lycra · February 19, 2017 at 9:32 PM

Schau mal hier:

Wie kann ich die WoltLab Homepage emulieren?

Woritmor · February 19, 2017 at 10:44 PM

Hey Lycra , danke für den Link.

Leider klappt es bei mir nicht wie dort beschrieben mit einer Box. Ich kann euch gerne ein paar mehr Infos geben.

Ich habe selber einen Stil neu angelegt.

Unter Farbpalette habe ich entsprechend die Farben angepasst und unter Erweiterte Einstellungen habe ich noch nichts eingetragen. (Kein Custom CSS etc.)

Templategruppe ist Standardtemplates.

Habe die o.g. Möglichkeiten in Verschiedenen Ausführungen getestet aber leider zentriert sich das Bild nicht entsprechend und passt sich an.

Lycra · February 19, 2017 at 10:51 PM

Quote from Woritmor

Meine Globalen Einstellungen sehen so aus: http://prntscr.com/eauqh1

Bilder bitte immer als Dateianhang und keinen externen Bilderhoster nutzen. Danke

Da muss wer anders helfen.

Versuch das mal nach der Anleitung, oder besser noch frag dort im Thema direkt BlackGothic

Woritmor · February 19, 2017 at 11:04 PM

Danke dennoch für deine Mühe

Mit dem Bildupload werde ich umsetzen.

Lycra · February 19, 2017 at 11:10 PM

Quote from Woritmor

Danke dennoch für deine Mühe

Ja mehr als den Hinweis auf das Thema kann ich aktuell nicht geben

Speiel selbst grade noch mit der WSC rum

norse · February 19, 2017 at 11:35 PM

Statt der immer noch extern gehosteten Bilder sollte besser ein Link zur Liveansicht zur Verfügung gestellt werden.

Gruß norse

Woritmor · February 19, 2017 at 11:53 PM

Die Posts habe ich nicht mehr angepasst. Werde ich aber jetzt tun wenns dir lieber ist

Liveansicht: https://testumgebung.secondidentity.net/

Breite des Logos: 2200px

Höhe des Logos: 400px

Im Anhang noch ein Screenshot meiner aktuellen "Globalen Einstellungen".

Woritmor · February 20, 2017 at 3:41 PM

Update:

Das Thema hat sich erledigt. Den Hintergrund kann man durch folgende Erweiterte CSS bestimmen

Code

.pageHeaderContainer {
    background-image: url(../images/headerbg.png); }

Ich habe entsprechend dort den Hintergrund des o.g. Bildes OHNE Text als headerbg.png genommen.

Den Text habe ich dann ähnlich wie das Standardlogo auf durchsichtigen Hintergrund geschrieben und als Seitenlogo verwendet.

Manche denken sich sicherlich : "Natürlich so! Wie sonst?" Für mich als jemand der sich nicht mit CSS auskennt war es eine Herausforderung und ich habe wieder was dazu gelernt.

Vielen Dank an dieser Stelle an Andrea Berg die mir da weitergeholfen hat.

Gruß

Participate now!