Ergebnis 1 bis 6 von 6

Thema: caroufredsel Hintergrundslider abdunkeln

  1. #1
    Contao-Nutzer
    Registriert seit
    24.02.2010.
    Beiträge
    214

    Standard caroufredsel Hintergrundslider abdunkeln

    Hallo miteinander,

    ich setze zum 1. Mal Caroufredsel als Hintergrundslider ein und finde die Erweiterung klasse.

    Habe nun aber ein Problem:
    Ich möchte folgendes Layout mit fester Breite umsetzen: layout_beispiel.jpg

    Ich schaffe es nun nicht, den umgebenden Bereich abzudunkeln. Habe versucht, die Hintergrundbilder im Photoshop entsprechend zu bearbeiten aber sie werden ja auf Bildschirmgröße skaliert und somit passen die hellen Bereiche dann nicht mehr... . sieht dann also so aus: layout_beispie2l.jpg

    Hat jemand ne Idee, wie ich das hinbekommen kann? Das einfachste wäre ja, den Hintergrund im CSS schwarz zu füllen und dann eine Transparenz hinzuzufügen. Ich kann aber nur den Body ansprechen, nicht die Umgebung... .

    Vielen Dank schonmal und alles Liebe

    pustwefix

  2. #2
    Contao-Nutzer
    Registriert seit
    24.02.2010.
    Beiträge
    214

    Standard

    ich nochmal:

    unter

    http://codecanyon.net/item/bgstretch...review/5328926

    könnt ihr sehen, was ich mir wünsche.
    Nur andersherum, innen hell, außen dunkel.

    Bin jetzt auf die Idee gekommen, dem Wrapper einen Rahmen zu verpassen, aber: dem kann ich nur eine absolute Breite mitgeben, und nicht sagen: "Lieber Rahmen, sei bitte so dick wie der Rest des Bildschirms breit ist."

    Mir schwurbelts schon im Hirn, kann mir vielleicht doch noch wer mit nem Lösungsansatz weiterhelfen?

    Danke schonmal von

    pustefix

  3. #3
    Contao-Nutzer Avatar von Martina
    Registriert seit
    28.03.2010.
    Ort
    Wedel
    Beiträge
    107

    Standard nimm rgba für main

    Hallo Pustefix,

    http://codecanyon.net/item/bgstretch...review/5328926

    könnt ihr sehen, was ich mir wünsche.
    Nur andersherum, innen hell, außen dunkel.
    umdrehen würde ja bedeuten, das du ein dunkleres Hintergrundbild nimmst und dem Mainbereich eine weiße Transparenz mit z.B "background: rgba(255,255,255,0.3);" gibst

    Gruß Martina

  4. #4
    Wandelndes Contao-Lexikon Avatar von tab
    Registriert seit
    22.10.2013.
    Beiträge
    10.078
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Zitat Zitat von pustefix Beitrag anzeigen
    Bin jetzt auf die Idee gekommen, dem Wrapper einen Rahmen zu verpassen, aber: dem kann ich nur eine absolute Breite mitgeben, und nicht sagen: "Lieber Rahmen, sei bitte so dick wie der Rest des Bildschirms breit ist."

    Mir schwurbelts schon im Hirn, kann mir vielleicht doch noch wer mit nem Lösungsansatz weiterhelfen?
    Ich sehe da auf Anhieb nur einen Ansatz: Javascript. Damit solltest du deinem Rahmen das sagen können, was du ihm sagen willst. Falls es mit einem Rahmen nicht klappen sollte wegen mangelnder Transparenzeinstellungen, dann eventuell mit 4 divs, die zusammen quasi den Rahmen ergeben.

    Mit der weissen Transparenz und dem dunkleren Bild ist zwar was möglich, aber man kann wohl nicht jedes beliebige Bild so erzeugen. Zumindest lassen sich so nicht beliebig dunkle Stellen im sich daraus ergebenden Bild erzeugen.

  5. #5
    Contao-Nutzer
    Registriert seit
    08.07.2014.
    Beiträge
    8

    Standard

    Bei mir hat es mit dem Javascript nicht funktioniert. schade
    Sport ist nur eine meiner Leidenschaften.

  6. #6
    Contao-Nutzer
    Registriert seit
    24.02.2010.
    Beiträge
    214

    Standard

    Hurra,

    ist zwar schon ne ganze Weile her aber nun hab ich ne Lösung gefunden:

    Ich hab dem Wrapper einen Boxshadow verpasst, nun läuft es wie gewollt!!!

    Manchmal kanns ja sooo einfach sein... .

    Bis denne und danke für eure Anregungen.

    LG

    pustefix

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
  •