Hintergrundbild in php Datei setzen möglich?

    Hallo Leute,

    Ich habe mal eine Frage zu einer Codezeile.

    Ich habe, als Beispiel, eine Datei "Hund.jpg". dieses Bild befindet sich im Pfad: http://www.beispielurl.de/wp-content/upl…rtirechts-8.png

    Diese möchte in folgender Code Zeile als Hintergrund Bild setzen.

    Wie müsste dieser Code umgeschrieben werden, hat jemand zufällig eine Idee?

    [COLOR=#ff0000]<style>
    .pattern5_nk{ background:#A0CE4E; background-image:none !important;}
    .pattern5_nk:after{ background:#CBCBCB !important;}
    .pattern5_nk h3{ position:relative; z-index:99999999999999;}[/COLOR]

    Wäre über jede Hilfe dankbar!

    Grüße!

    • Gerade eben
    • Anzeige

    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

    Zitat von b3317133

    Das verstehe ich so, dass Du ein Hintergund-Bild setzen willst.

    Der für das Hintergrund-Bild zuständige "Code" [FONT=courier new]background-image[/FONT] wird auf der verlinkten Seite beschrieben.

    ich habe das gerade mit dem Code auf der Seite getestet, leider wird das Hintergrundbild nicht angezeigt, nur ganz kurz, vielleicht für 0,2 Sekunden, irgendwas scheint es zu überlagern oder sowas.

    Evtl. geht es ja, wenn man den Code von mir oben umschreiben würde, deshalb die ursprüngliche Frage.

    Aber danke schon mal für deine Antwort, ein Versuch war es wert.

    Zitat von b3317133

    Post doch mal Deinen geänderten Code mit dem Test drin.

    <style type="text/css">
    div[COLOR=#ff0000].pattern5_nk[/COLOR] {
    background-image: url[COLOR=#FF0000](.[/COLOR][COLOR=#FF0000]http://beispielurl.de/wp-content/uploads/2015/02/hund.png[/COLOR][COLOR=#FF0000];[/COLOR]
    background-color:orange;
    width:500px;height:200px;
    border:1px solid red;
    padding:20px;
    }
    </style>

    ...

    <body>
    <div class="[COLOR=#ff0000]pattern5_nk[/COLOR]">
    div-Container mit Hintergrundbild
    </div>

    Da ist im [FONT=courier new]url()[/FONT] Teil ein überzähliger Punkt vor [COLOR=#ff0000][FONT=courier new]http://[/FONT][/COLOR] und am Ende keine Klammer. Und den Link solltest Du natürlich auf Deinen Server anpassen.

    Einmal editiert, zuletzt von b3317133 (19. März 2017 um 14:37)

    Zitat von b3317133

    Da ist im [FONT=courier new]url()[/FONT] Teil ein überzähliger Punkt vor [COLOR=#ff0000][FONT=courier new]http://[/FONT][/COLOR] und am Ende keine Klammer. Und den Link solltest Du natürlich auf Deinen Server anpassen.

    ok, danke, habe ich geändert, geht immer noch nicht.

    ich dachte eigentlich das jemand vielleicht eine Idee hat, wie man den ursprünglichen Code ändern kann, keinen neuen hinzufügen.

    [COLOR=#ff0000]<style>
    .pattern5_nk{ background:#A0CE4E; background-image:none !important;}
    .pattern5_nk:after{ background:#CBCBCB !important;}
    .pattern5_nk h3{ position:relative; z-index:99999999999999;}[/COLOR]

    der funktioniert ja, nur leider wird dort eine Background farbe ausgegeben und kein bild, weiß jemand was ich statt background-Image:none eingeben muss?

    Nicht dass Du glaubst, man möchte Dir nicht helfen... b3317133 hat Dir die Antwort mehr oder weniger schon auf dem Silbertablett serviert. Mit ein bisschen Überlegung und vergleichen der Codefragmente müsste man eigentlich sofort, auch als Laie, auf die Lösung kommen...

    Dein funktionierender Code ist doch..

    CSS
    <style>
.pattern5_nk{ background:#A0CE4E; background-image:none !important;}
.pattern5_nk:after{ background:#CBCBCB !important;}
.pattern5_nk h3{ position:relative; z-index:99999999999999;}
</style>

    entscheidend, um das Hintergrundbild zu setzen ist dabei lediglich das

    CSS
    .pattern5_nk{ background:#A0CE4E; [COLOR=#ff0000]background-image:none !important;[/COLOR]}

    Du fragst, was man anstatt dem background-image:none !important; schreiben soll...
    auf der verlinkten Seite steht

    Code
    background-image: url(../images/bg.gif);


    um das Hintergrundbild bei Dir einzubinden, musst Du also lediglich den parameter none ersetzen durch url(pfad/zu/deinem/bild.jpg)

    CSS
    <style>
.pattern5_nk{ background:#A0CE4E; url(pfad/zu/deinem/bild.jpg)}
.pattern5_nk:after{ background:#CBCBCB !important;}
.pattern5_nk h3{ position:relative; z-index:99999999999999;}
</style>

    damit das Bild nicht von der Hintergrundfarbe überlagert wird, entferne noch das

    CSS
    .pattern5_nk:after{ background:#CBCBCB !important;}

    [quote='AmFearLiath','RE: Hintergrundbild in php Datei setzen möglich?']Nicht dass Du glaubst, man möchte Dir nicht helfen... QUOTE]

    Ich danke euch, vor allem für eure Tipps.

    Leider geht es immer noch nicht, ich habe alles so gemacht wie du geschrieben hast.

    Das Hintergrundbild wird immer noch nicht angezeigt.

    Der Code in Wordpress lautet:

    [dt_sc_fullwidth_section
    backgroundimage="http://placehold.it/1920x900&text=Parallax"
    parallax="no" backgroundrepeat="no-repeat" backgroundposition="left top"
    paddingtop="60px" paddingbottom="60px" class="full-pattern5
    pattern5_nk"]
    [dt_sc_one_half type =" type1"]

    hast du noch eine Idee?

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden