Installation: Header mit Banner

Jens's Avatar

Jens

03 Nov, 2020 10:12 AM

Produkt: Luxe Contao

Hallo RockSolid-Team,

wäre ein blauer Balken (Banner) ähnlich der Fußzeile oberhalb der Navigation möglich - wie siehe Anlage?

Im Voraus danke für Eure Unterstützung.

Viele Grüsse

Jens

  1. Support Staff 1 Posted by RockSolid Theme... on 03 Nov, 2020 01:43 PM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    wäre ein blauer Balken (Banner) ähnlich der Fußzeile oberhalb der Navigation möglich

    Ja, Sie können ein eigenes HTML-Modul in den Layouteinstellungen vor dem Logo platzieren damit es über der Kopfzeile angezeigt wird.

    wie siehe Anlage?

    Der Anhang ist anscheinend verloren gegangen. Bitte senden Sie uns diesen erneut zu.

  2. 2 Posted by Jens Willfahrt on 03 Nov, 2020 01:46 PM

    Jens Willfahrt's Avatar

    Schon mal Danke für den Hinweis. Jetzt mit Anlage ... Viele Grüsse Jens

  3. 3 Posted by Jens Willfahrt on 03 Nov, 2020 01:48 PM

    Jens Willfahrt's Avatar

    Könnte ich mir die HTML und CSS Struktur von der Fußzeile abschauen, macht das Sinn? Viele Grüsse Jens

  4. Support Staff 4 Posted by RockSolid Theme... on 03 Nov, 2020 02:00 PM

    RockSolid Themes's Avatar

    Für eine einfach Header-Grafik ist auch eine Realisierung via CSS-Code möglich. Fügen Sie dafür bitte folgenden CSS-Code in die Datei files/luxe/css/custom.css ein:

    .page-wrapper {
        padding-top: 276px;
        background: 
            url("/files/franziskus-schule/aktuelles/tagline2.png") 50% 0 no-repeat, 
            linear-gradient(180deg, #008acc, #008acc 276px, transparent 276px);
    }
    
  5. 5 Posted by post on 22 Nov, 2020 05:13 PM

    post's Avatar

    Hallo RockSolid Team,

    vielen Dank, genau so haben wir uns das vorgestellt. Lässt sich hier in irgend einer Form auch eine Abhängigkeit zum Anzeigegerät herstellen (responsive)? Eventuell eine zweite Grafik für mobile devices.

    Im Voraus danke für Eure Unterstützung.

    Viele Grüße

    Jens

  6. Support Staff 6 Posted by RockSolid Theme... on 23 Nov, 2020 09:29 AM

    RockSolid Themes's Avatar

    Ja, im CSS-Code kann via Media-Queries auf die Größe des Browserfensters reagiert werden. Der Code dafür kann z. B. folgendermaßen aussehen:

    @media (max-width: 599px) {
        .page-wrapper {
            background-image: url("/files/franziskus-schule/aktuelles/tagline2-mobile.png");
        }
    }
    

    In diesem Beispiel wird das tagline2.png-Bild durch tagline2-mobile.png ersetzt sobald das Browserfenster schmaler als 600 Pixel ist.

  7. 7 Posted by post on 23 Nov, 2020 10:55 AM

    post's Avatar

    Ihr seid MEGA GENIAL  , vielen Dank für Euren ausgezeichneten Support 

    Sonnige Grüße nach Österreich … bleibt mir gesund 

    LG Jens

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac