Ergebnis 1 bis 7 von 7

Thema: Logo über Slideshow legen (transparent)

  1. #1
    Contao-Nutzer Avatar von HobbyWebProgrammer
    Registriert seit
    26.06.2013.
    Ort
    Moers
    Beiträge
    71

    Standard Logo über Slideshow legen (transparent)

    Huhu,

    ich brauche mal wieder Hilfe, aus der Suchfunktion wurde ich leider nicht schlau.

    Ich habe auf vielen Seiten schon gesehen, dass über der Slideshow ein transparentes Logo gelegt wird und was dann echt super aussieht wenn im Hintergrund das Bild wechselt.

    Nur leider weiß ich nicht, wie ich das Logo auf die Slideshow legen kann.
    Das Logo habe ich mit transparentem Hintergrund vorliegen. Sowohl die Slideshow als auch das Logo haben die gleiche Höhe.

    Ich habe mal mit GIMP das Logo über die Slideshow gelegt, um genauer zu zeigen, was ich meine:

    header_slide_with_logo.png

    Ich bin über jede Hilfe dankbar. Vielen Dank vorab!

    Grüße,
    Dennis

    INFO:

    Paar Minuten später doch die Lösung gefunden, ich war zu voreilig. Für alle die mal das gleiche Problem haben folgend die Lösung:

    Positon des Logos auf absolute setzen und z-index:2;
    z-index der Slideshow auf 1 setzen;

    Da der z-index des Logos nun höher ist, wird es über der Slideshow angezeigt =)
    Geändert von HobbyWebProgrammer (04.07.2013 um 22:48 Uhr)

  2. #2
    Contao-Fan Avatar von kos
    Registriert seit
    22.06.2009.
    Ort
    Westerwald
    Beiträge
    888

    Standard

    Wenn ich dein Bild richtig interpretiere, dann sollen sowohl Logo als auch Slideshow im header der Seite erscheinen.

    Zunächst erstellst du den Slider und das Logo jeweils als Modul.
    Diese bindest du im Seitenlayout bei eingebundene Module in der Reihenfolge 1. Slider, 2. Logo in der Kopfzeile ein.

    Per CSS wird das Logo schließlich absolut positioniert und über den Slider geschoben.

    EDIT Wenn man zwischenzeitlich was anderes macht ......

  3. #3
    Contao-Nutzer Avatar von HobbyWebProgrammer
    Registriert seit
    26.06.2013.
    Ort
    Moers
    Beiträge
    71

    Standard

    Zitat Zitat von kos Beitrag anzeigen
    Wenn ich dein Bild richtig interpretiere, dann sollen sowohl Logo als auch Slideshow im header der Seite erscheinen.

    Zunächst erstellst du den Slider und das Logo jeweils als Modul.
    Diese bindest du im Seitenlayout bei eingebundene Module in der Reihenfolge 1. Slider, 2. Logo in der Kopfzeile ein.

    Per CSS wird das Logo schließlich absolut positioniert und über den Slider geschoben.

    EDIT Wenn man zwischenzeitlich was anderes macht ......
    Das ist genau die Lösung, die ich dann auch durch rumprobieren bekommen habe, war halt mal wieder zu voreilig, sollte hartnäckiger werden ;-).
    Danke trotzdem!!!

  4. #4
    Contao-Fan Avatar von dackelchen
    Registriert seit
    24.05.2011.
    Ort
    Kiel
    Beiträge
    672
    User beschenken
    Wunschliste

    Standard

    OT: HIHI, Mir passiert es auch immer wieder, dass ich beim Formulieren, einer Frage oder kurz danach selber die Antwort finde. Ich denke es liegt daran, dass dann noch mal analysiert wird.
    Grüße Edgar
    Dackelalarm

  5. #5
    Contao-Nutzer
    Registriert seit
    12.01.2018.
    Beiträge
    7

    Standard Ähnliches Problem

    Hallo,

    ich habe ein ganz ähnliches Problem und finde leider keine Lösung,
    ich würde gerne mein Logo zur hälfte im Bereich Header und zur Hälfte über den Slider (der hat einen eigenen Layoutbereich mit dem Namen "slider") legen.
    Geht das überhaupt, oder muss der Slider dazu im Header integriert sein?

    Wäre super, wenn mir jemand helfen könnte!

    Liebe Grüße,
    media_trainee

  6. #6
    Contao-Fan Avatar von dackelchen
    Registriert seit
    24.05.2011.
    Ort
    Kiel
    Beiträge
    672
    User beschenken
    Wunschliste

    Standard

    Ich würde entweder den Slider in der Header packen oder das Logo in den Sliderbereich, jenachdem, wie es dann hinterher optisch wirken soll. Wenn neben dem Logo noch einen Navi liegt, dann am einfachsten alles in den Header und das ganze dann über Positionierung und z-index steuern.

    Link zur Seite wäre in diesem Fall hilfreich, um einen konkrete Antwort zu geben.
    Grüße Edgar
    Dackelalarm

  7. #7
    Community-Moderatorin & Contao-Urgestein Avatar von mlweb
    Registriert seit
    10.07.2011.
    Beiträge
    6.753
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Mit css geht sehr viel, aber qualifiziert antworten kann man nur mit Link zu Seite.
    Ich habe Dir mit meinen Hinweisen geholfen und Du möchtest Dich bedanken?
    Unterstütze bitte das Contao-Projekt (Button Links)
    Weitere Spendenmöglichkeiten
    ------------------------------------------------------------------------------------------------------
    Contao-Dokumentation: Contao-Handbuch und Contao-Entwickler-Doku
    Contao-Online-Video-Kurse: Contao Academy
    Funktionalität erweitern: Contao-Erweiterungen

    Für Dinge die man mit html5 und css3 lösen kann, braucht man kein javascript.




Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •