+ Antworten
Seite 1 von 2 1 2 LetzteLetzte
Ergebnis 1 bis 10 von 13

Thema: Module transparent darstellen

  1. #1
    Neu an Board Avatar von u79ffo
    Registriert seit
    22.09.2008
    Beiträge
    43
    Bedankte sich
    28
    1 Danksagung in 1 Beitrag

    Frage Module transparent darstellen

    Hi Leute

    Wie kann man Module transparent darstellen? Ziel ist, dass sich das Background-Image durch die gesamte Siete zieht, siehe Beispiel: hier.

    Kann mann eventuell sogar den Grad der Transparenz für bestimmte Module einstellen?

    Vielen Dank für Tipps!
    UG

  2. #2
    Wohnt hier Avatar von Harmageddon
    Registriert seit
    04.03.2010
    Ort
    Heilbronn
    Beiträge
    2.126
    Bedankte sich
    138
    Erhielt 616 Danksagungen
    in 605 Beiträgen

    Standard

    Die CSS-Eigenschaft, die du suchst, heißt "opacity".
    Konnte ich helfen? "Danke" klicken kostet nichts und tut nicht weh.
    Problem gelöst? Ersten Post bearbeiten - Erweitert - Präfix: "Gelöst" - Danke!
    allergisch gegen grausame Rechtschreibung

  3. Erhielt Danksagungen von:


  4. #3
    Neu an Board Avatar von u79ffo
    Registriert seit
    22.09.2008
    Beiträge
    43
    Bedankte sich
    28
    1 Danksagung in 1 Beitrag

    Standard

    Zitat Zitat von Harmageddon Beitrag anzeigen
    Die CSS-Eigenschaft, die du suchst, heißt "opacity".

    au man, ich habs befürchtet: css
    heisst das, ich muss änderungen in der template.css vornehmen?
    ich benutze -jsn epic pro-

  5. #4
    Gehört zum Inventar Avatar von albatros
    Registriert seit
    16.08.2006
    Beiträge
    7.840
    Bedankte sich
    1.118
    Erhielt 1.890 Danksagungen
    in 1.748 Beiträgen

    Standard

    Hi,

    da hilft Dir der Firebug oder dieses Forum. Allerdings nicht ohne Link zum Problem.

    hth

    albatros
    1.FAQ 2.SuFu 3.Google
    Hilfestellungen und Lösungen können nur im Forum von allen genutzt werden. Bitte keine Supportanfragen per PN!
    ...und setz mich auf mein achtel Lorbeerblatt und mache was ich will.

  6. Erhielt Danksagungen von:


  7. #5
    Neu an Board Avatar von u79ffo
    Registriert seit
    22.09.2008
    Beiträge
    43
    Bedankte sich
    28
    1 Danksagung in 1 Beitrag

    Standard

    firebug, danke! schon mal irgendwann probiert und soeben wieder installiert und getestet. thx!
    ok, nun identifiziere ich diejenigen bereich die ich transparent machen will, gehe ins template.css weise den jeweiligen div´s die eigenschaft "opacity" in der ausprägung .01 bis .99.
    richtig?

    ps: link zur website in arbeit.

  8. #6
    Neu an Board Avatar von u79ffo
    Registriert seit
    22.09.2008
    Beiträge
    43
    Bedankte sich
    28
    1 Danksagung in 1 Beitrag

    Standard

    Es ist doch ein bißchen tricky! Wie kann ich z.B. nur den maincontent transparent machen? Wenn ich für dieses div (diese "untergeordnete ebene") die opacity/transparenz einfüge verändert sich leider nichts. Liegt es daran, dass die übergeordneten ebenen nicht transparant sind?

  9. #7
    Gehört zum Inventar Avatar von SirDrake
    Registriert seit
    29.08.2006
    Ort
    Köln
    Beiträge
    6.268
    Bedankte sich
    164
    Erhielt 2.346 Danksagungen
    in 2.119 Beiträgen

    Standard

    Hallo

    du kannst nicht einfach opacity irgendwo einfügen, unglücklicherweise wird dann nicht nur der Hintergrund transparent sondern auch der Inhalt (Texte, Bilder)

    Dann müsstest also erst einen Layer mit dem Hintergrund erstellen und darüber die LAyer für den Inhalt.

    Füge mal zum testen in deine template.css Zeile 632 das opacity hinzu
    Code:
    #jsn-page {
        background-color: #FFFFFF;
        border-left: 2px solid #000000;
        border-right: 2px solid #000000;
        color: #000000;
        margin: 0 auto;
        width: 960px;
        opacity: 0.5;
    }
    dort ist nämlich der Hintergrund definiert

    Einfacher wäre es ein halbtransparentes Image zu erstellen (png oder gif) und das als Hintergrund zu zuweisen

    Edit: das hat aber mit Joomla nichts zu tun, sondern ist reines Design (CSS)
    Gruß Fred
    Fragen und Antworten rund um Joomla! FAQ
    Code-Bereinigung abschalten - Unterstütze Joomla

  10. Erhielt Danksagungen von:


  11. #8
    Neu an Board Avatar von u79ffo
    Registriert seit
    22.09.2008
    Beiträge
    43
    Bedankte sich
    28
    1 Danksagung in 1 Beitrag

    Standard

    Zitat Zitat von SirDrake Beitrag anzeigen
    Hallo

    du kannst nicht einfach opacity irgendwo einfügen, unglücklicherweise wird dann nicht nur der Hintergrund transparent sondern auch der Inhalt (Texte, Bilder)

    Dann müsstest also erst einen Layer mit dem Hintergrund erstellen und darüber die LAyer für den Inhalt.

    Füge mal zum testen in deine template.css Zeile 632 das opacity hinzu
    Code:
    #jsn-page {
        background-color: #FFFFFF;
        border-left: 2px solid #000000;
        border-right: 2px solid #000000;
        color: #000000;
        margin: 0 auto;
        width: 960px;
        opacity: 0.5;
    }
    dort ist nämlich der Hintergrund definiert
    ja, funktioniert aber wie du schon sagst: es ist nicht optimal, da alles transparent...
    Zitat Zitat von SirDrake Beitrag anzeigen
    Einfacher wäre es ein halbtransparentes Image zu erstellen (png oder gif) und das als Hintergrund zu zuweisen
    einfach ist einfach gesagt
    Zitat Zitat von SirDrake Beitrag anzeigen
    Edit: das hat aber mit Joomla nichts zu tun, sondern ist reines Design (CSS)
    [/QUOTE]
    bg-image in template.css für div maincontent definieren und dann das image im entsprechenden ordner ablegen, RICHTIG??

  12. #9
    Gehört zum Inventar Avatar von SirDrake
    Registriert seit
    29.08.2006
    Ort
    Köln
    Beiträge
    6.268
    Bedankte sich
    164
    Erhielt 2.346 Danksagungen
    in 2.119 Beiträgen

    Standard

    bg-image in template.css für div maincontent definieren und dann das image im entsprechenden ordner ablegen, RICHTIG??
    dann musst du erst bei jsn-page den Hintergrund entfernen, das ist der unterste Layer, die anderen divs liegen darüber
    für jsn-head den Hintergrund neu einfügen, dein png, gif Image oder eben die Farbe (#FFFFFF für weiß)
    für jsn-mainbody dito
    Gruß Fred
    Fragen und Antworten rund um Joomla! FAQ
    Code-Bereinigung abschalten - Unterstütze Joomla

  13. Erhielt Danksagungen von:


  14. #10
    Neu an Board Avatar von u79ffo
    Registriert seit
    22.09.2008
    Beiträge
    43
    Bedankte sich
    28
    1 Danksagung in 1 Beitrag

    Standard

    gelöst! thx in die runde. wo markiere ich das thema als gelöst?

+ Antworten
Seite 1 von 2 1 2 LetzteLetzte

Stichworte

Lesezeichen

Berechtigungen

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