1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Header transparent und Hintergrund fixiert

Dieses Thema im Forum "Design" wurde erstellt von roemi, 11. Februar 2015.

  1. roemi

    roemi Well-Known Member

    Registriert seit:
    24. Juni 2008
    Beiträge:
    244
    Zustimmungen:
    2
    Hallo,

    für meine Seite würde ich gerne den Header transparent machen und den Hintergrund fixieren.
    Am Schluss soll die Seite (roemi.de) in einem Bierglas dargestellt werden.

    Ich habe in einem MyChildThema probiert:
    PHP:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Damit wurde der gesamte Hintergrund Transparent :?
    Das aber genau will ich nicht. Nur der Kopf, sonst nichts. Alle anderen Anpassung fuhren ebenfalls gegen die Wand :(

    Im 2. Schritt möchte ich, wenn möglich, den Hintergrund fixieren. Ich habe ewig lange Seiten, wenn ich da nach unten scrolle, wiederholt sich das Hintergrund. Das möchte ich als nächstes verhindern.

    Hat einer einen Tipp für mich?
     
  2. roemi

    roemi Well-Known Member

    Registriert seit:
    24. Juni 2008
    Beiträge:
    244
    Zustimmungen:
    2
    Oki.

    Die erste Antwort gebe ich mir wieder selbst.
    Den Hintergrund zu fixieren ist eine Standardfunktion die ich sogar selbst im web verwende :oops:
    Bleibt die Frage nach der Transparenz:razz:
     
  3. gericoach

    gericoach Well-Known Member

    Registriert seit:
    12. August 2008
    Beiträge:
    7.193
    Zustimmungen:
    0
    dann mach nur das BG Bild transparent. nicht über die css sondern über ein grafikprogramm
     
  4. roemi

    roemi Well-Known Member

    Registriert seit:
    24. Juni 2008
    Beiträge:
    244
    Zustimmungen:
    2
    Das Bild ist bereits transparent. Es ist ja auch möglich. Leider aber nur in Verbindung mit dem ganzen Rest. Ich kann jede beliebige Farbe dahinter bringen. Aber nie alleine nur für den Kopf.
     
  5. roemi

    roemi Well-Known Member

    Registriert seit:
    24. Juni 2008
    Beiträge:
    244
    Zustimmungen:
    2
    So, ich habe das ganze nun mal ins web übertragen.
    Wenn man es sieht, kommt mein anliegen evtl. besser rüber

    www.roemi.de
     
  6. Marcus[IS]

    Marcus[IS] Well-Known Member

    Registriert seit:
    23. August 2009
    Beiträge:
    5.955
    Zustimmungen:
    175
    Der Vorschlag von Gericoach ist nicht verkehrt.

    Du kannst ja hingehen und nur den Vogel und den Schriftzug verwenden und dabei musst du den Hintergrund der Grafik Transparent setzen, also nix mit Bier und Schaumkrone. Das geht aber auch nur, wenn du entweder .gif, oder .png als Dateiformat nimmst, da .jpg keinen transparenten Hintergrund bei Grafik unterstützt. .gif und .png sind mit so ziemlich die gebräuchlichsten Grafikformate und sollten von jedem Browser ohne Probleme angezeigt werden können. ;)
     
  7. roemi

    roemi Well-Known Member

    Registriert seit:
    24. Juni 2008
    Beiträge:
    244
    Zustimmungen:
    2
    Bildschirmfoto.jpg

    Der Header IST transparent (gif). Aber auch die gesamte Seite wird transparent.
     
  8. Marcus[IS]

    Marcus[IS] Well-Known Member

    Registriert seit:
    23. August 2009
    Beiträge:
    5.955
    Zustimmungen:
    175
    Hm?

    Es wird aber im Header diese Grafik geladen cropped-bierkopfbeer1.jpg.

    Den Hintergrund mit dem Bier an sich hast du ja jetzt fixiert, so wie ich das sehe nur es nutzt dir nix den Hintergrund des Headers per css auf transparent zu setzen und ein .jpg dort anzeigen zu lassen, weil das Dateiformat keine Transparentz untersützt, wie ich ja schon schrieb. Kann es eventuell sein, dass du noch die alte Grafik eingestellt hast in den Header Optionen?
     
  9. roemi

    roemi Well-Known Member

    Registriert seit:
    24. Juni 2008
    Beiträge:
    244
    Zustimmungen:
    2
    Ich hatte bei meinem letzten Post ein Bildschirmfoto meiner lokalen Installation angehängt. da verwende ich ein transparentes GIF.
    WP hat als Standard einen weißen Hintergrund. Den muss ich per css ebenfalls auf transparent setzen.
    Dann aber wird alles transparent. Schau dir bitte mal mein Foto an.
     
  10. Marcus[IS]

    Marcus[IS] Well-Known Member

    Registriert seit:
    23. August 2009
    Beiträge:
    5.955
    Zustimmungen:
    175
    Des hättest ja gleich sagen können. ;)

    Versuche beim Header mit rgba zu arbeiten, da kannst du dann Transparent setzen.
    Hier hatte ich vor kurzem jemanden geholfen, der ein ähnliches Anliegen hatte.
    http://forum.wpde.org/design/139096-css-frage-zu-theme-alizee.html
     
  11. roemi

    roemi Well-Known Member

    Registriert seit:
    24. Juni 2008
    Beiträge:
    244
    Zustimmungen:
    2
    Ich habe nun in mein Child Thema das oben genannte eingefügt. Die 4 nullen sind nur ein Versuch.
    Ich kann dem Header nun jede Hintergrundfarbe geben ... nur nicht transparent. Was wäre der korrwekte Eintrag für rgba??
     
  12. roemi

    roemi Well-Known Member

    Registriert seit:
    24. Juni 2008
    Beiträge:
    244
    Zustimmungen:
    2
    Bin jetzt die gesamte style.css durchgegangen. Ich habe nichts gefunden, bin mir aber sicher da geht was :cry:
    Nur heute nicht mehr :?

    Danke für Deine Hilfe
     
  13. Marcus[IS]

    Marcus[IS] Well-Known Member

    Registriert seit:
    23. August 2009
    Beiträge:
    5.955
    Zustimmungen:
    175
    Es könnte sein, dass du dem Befehl noch eine Zusatzinformation mitgeben musst.
    Manchmal muss man den Browser zwingen eine Änderung zu akzeptieren.

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
  14. roemi

    roemi Well-Known Member

    Registriert seit:
    24. Juni 2008
    Beiträge:
    244
    Zustimmungen:
    2
    Ich bin nun schlauer!

    Der Eintrag #page sorgt dafür, dass alles transparent wird.
    Anschließend habe ich #content auf weiß gestellt und siehe da :D
    Bildschirmfoto-1.jpg
    Jetzt muss nur der Rand und das Menü wieder weiß werden ....
     
  15. roemi

    roemi Well-Known Member

    Registriert seit:
    24. Juni 2008
    Beiträge:
    244
    Zustimmungen:
    2
    Hab es :mrgreen:
     
  16. roemi

    roemi Well-Known Member

    Registriert seit:
    24. Juni 2008
    Beiträge:
    244
    Zustimmungen:
    2
    Evtl kann mir jemand bei folgendem helfen.
    Anbei zwei Bildschirmfotos mit nummerierten Bereiche.
    Weis jemand wie diese Teile in der style.css benannt sind?

    Bildschirmfoto-2.png Bildschirmfoto-3.png
     
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden