transparente header-img

Gladiac.de

Moin,
ich hab ein Problem in Sachen Header.
Der Hintergrund ist ein Muster und ich möchte, dass das Header-Image überfließt. Leider finde ich keine Möglichkeit, dass das Bild Transparent ist. Ich habe bereits JPG (funzt natürlich nicht), GIF und PNG getestet.
Keines funktioniert.

Hier das Beispiel:
[Blockierte Grafik: http://gladiac.de/stuff/sample.jpg]

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Monika

IE PNG Fix

ohne dieses script kapiert dies der IE nie und nimmer ;)

sollte es trotz dieses scripts nicht funktionieren, dann baust Du das Bild vielleicht nicht ganz richtig ein

lG

Gladiac.de

Gut dann muss ich wissen, was ich falsch machen könnte beim Einbau. Ich habe einfach den Namen der Datei im Header geändert. Das Problem ist nähmlich, dass Ich Firefox benutze :).

Danke für die Antwort

Monika

ich kann spekulieren bis ins Jahr 2000789
Link zum Blog

oder die header.php hier einfügen und genau beschreiben wo das Bild drin liegt.

und ist das Bild ein png

etc....
;)

Gladiac.de

Ok, also das Problem da oben hab ich geklärt, lag an fehlerhaftem Speichervorgang von PS. Nun ist leider noch die bg.jpg im weg, die bis hinter den Header geht und damit ernaut den Transparenz-effekt stört.

das problem habe ich mal mit kubrik nachgebaut : https://wpde.org/www.gladiac.de/blog/index.php

Monika

soll ich bei ca 400 WordPress Themes raten welches Du benutzt?

wenn, dann auswändig wissen was dort wo in der style.css stört?

wie soll man Dir helfen, wenn Du einem nur raten läßt?

lG

edit: na da haben wir füreinander geschrieben ;)
ich geh guggen

Monika

in der header.php

Code

#page { background: url("http://www.gladiac.de/blog/wp-content/themes/default/images/kubrickbg.jpg") repeat-y top; border: none; }

das ist das Übel nehm ich an, denn den dunklen body magst ja haben oder ?

Code

#page { background: url("http://www.gladiac.de/blog/wp-content/themes/default/images/kubrickbg.jpg");
background-repeat:repeat-y;
background-position:50% 200px;  }

bei background-position ist der 1. Wert die horizontale Ausrichtung der 2. Wert die vertikale,
ich habe mal geguggt, Dein header Bild ist 200px hoch, kann sein, dass die 200px reichen, kann mehr weniger sein,

bloß nutzt Du angegebenes script oben nicht,
sehen sehr viele Nutzer keinen png Effekt,
weil die den IE nehmen,

lg
Monika

Gladiac.de

Ja dieses Script werde ich entweder einbauen oder eben GIF's benutzen.
Leider hat sich noch nichts geändert. Und der Body soll so dunkel bleiben, dass ist richtig.

ich dachte daran den header "einfach über" diesen Teil zu setzen und dafür dann eben das aktuelle img löschen. Ist das vielleicht einfacher ?

Monika

hmm
ich seh den Code von mir auch nicht in der header.php drin

reingenommen und wieder rausgetan..

??

DogMan

Laut meinem Firewoks ist das Haeder.png in Deinem Beispiel nicht durchsichtig.

Ich habe das weiße darin einmal gelöscht und das Ergbnis gezippt.
Tausche es doch mal testweise gegen deines aus.

hier isses, das header.png

Gruß
Dogman

Gladiac.de

Monika
bei mir ist das ganz klar zu erkennen. in den Zeilen 23-25. Hab ich bei dem einbau etwas falsch gemacht ?
DogMan
Das liegt denk ich daran, dass du IE benutzt und ich das Script von Monika noch nicht eingebaut habe. Bei mir ist die Header.PNG am rand klar faded ;) (tolles wort, soll nur sagen, dass da ein Verlauf ist der ins Durchsichtige geht.)
edit: Ich habe mir deine Datei angeguckt (Danke dafür!) und muss feststellen, dass wir aneinander vorbeigeredet haben :D Ich meine nicht das Inner Weiße, sondern den Äußeren Rand. Dieser soll mit einem schwarzen Verlauf in den Hintergrund übergehen.

[Blockierte Grafik: http://gladiac.de/stuff/sample.jpg]

habe mal die Datei mit einem kleinen, (dank Paint) recht unscharfen, Pfeil eingebaut.

Monika

Du hast die Transparenz des Bildes falsch gemacht.

1. ist das png falsch abgespeichert, zweitens müßte doch Außen der Rahmen schwarz sein und dann in das Weiß übergehen,

mit einem anderen Bild funktionierte meine Technik gut.

ich steh an..

lG

Gladiac.de

ich kann dir nicht folgen.
Was ist an der Transparenz des Bildes falsch bzw. wie kann man da etwas falsch abspeichern ?

[Blockierte Grafik: http://gladiac.de/stuff/sample2.jpg]

so is der Plan, hab ich das bisher falsch ausgedrückt ?

DogMan

Zitat von Gladiac.de

...Das liegt denk ich daran, dass du IE benutzt...

*patsch - patsch*

Das nimmst Du zurück, Duuuuuuu!
Das nimmst Du gaaanz schnell wieder zurück!

:cool:

Gruß
DogMan

...der Firefox schon benutzt hat,
als du noch mit der Trommel um den Weihnachsbaum gelaufen bist.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

transparente header-img

Jetzt mitmachen!