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

Hintergrundbild in php Datei setzen möglich?

Dieses Thema im Forum "Design" wurde erstellt von papillon121, 19. März 2017.

Schlagworte:
  1. papillon121

    papillon121 Well-Known Member

    Registriert seit:
    4. März 2016
    Beiträge:
    50
    Zustimmungen:
    2
    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/uploads/2015/02/zertirechts-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?

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

    Wäre über jede Hilfe dankbar!

    Grüße!
     
    #1 papillon121, 19. März 2017
  2. b3317133

    b3317133 Well-Known Member

    Registriert seit:
    21. November 2014
    Beiträge:
    11.658
    Zustimmungen:
    1.782
    Schau Dir z.B. mal diese Seite bzgl. background-image an.
     
    #2 b3317133, 19. März 2017
  3. papillon121

    papillon121 Well-Known Member

    Registriert seit:
    4. März 2016
    Beiträge:
    50
    Zustimmungen:
    2
    da wird leider nicht auf den Stil des Codes von mir eingegangen, dies ist ein anderer Code.
     
    #3 papillon121, 19. März 2017
  4. b3317133

    b3317133 Well-Known Member

    Registriert seit:
    21. November 2014
    Beiträge:
    11.658
    Zustimmungen:
    1.782
    Das verstehe ich so, dass Du ein Hintergund-Bild setzen willst.

    Der für das Hintergrund-Bild zuständige "Code" background-image wird auf der verlinkten Seite beschrieben.
     
    #4 b3317133, 19. März 2017
  5. papillon121

    papillon121 Well-Known Member

    Registriert seit:
    4. März 2016
    Beiträge:
    50
    Zustimmungen:
    2
    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.
     
    #5 papillon121, 19. März 2017
  6. b3317133

    b3317133 Well-Known Member

    Registriert seit:
    21. November 2014
    Beiträge:
    11.658
    Zustimmungen:
    1.782
    Post doch mal Deinen geänderten Code mit dem Test drin.
     
    #6 b3317133, 19. März 2017
  7. papillon121

    papillon121 Well-Known Member

    Registriert seit:
    4. März 2016
    Beiträge:
    50
    Zustimmungen:
    2
    <style type="text/css">
    div.pattern5_nk {
    background-image: url(.http://beispielurl.de/wp-content/uploads/2015/02/hund.png;
    background-color:eek:range;
    width:500px;height:200px;
    border:1px solid red;
    padding:20px;
    }
    </style>

    ...

    <body>
    <div class="pattern5_nk">
    div-Container mit Hintergrundbild
    </div>
     
    #7 papillon121, 19. März 2017
  8. b3317133

    b3317133 Well-Known Member

    Registriert seit:
    21. November 2014
    Beiträge:
    11.658
    Zustimmungen:
    1.782
    Da ist im url() Teil ein überzähliger Punkt vor http:// und am Ende keine Klammer. Und den Link solltest Du natürlich auf Deinen Server anpassen.
     
    #8 b3317133, 19. März 2017
    Zuletzt bearbeitet: 19. März 2017
  9. papillon121

    papillon121 Well-Known Member

    Registriert seit:
    4. März 2016
    Beiträge:
    50
    Zustimmungen:
    2
    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.

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

    der funktioniert ja, nur leider wird dort eine Background farbe ausgegeben und kein bild, weiß jemand was ich statt background-Image:none eingeben muss?
     
    #9 papillon121, 19. März 2017
  10. b3317133

    b3317133 Well-Known Member

    Registriert seit:
    21. November 2014
    Beiträge:
    11.658
    Zustimmungen:
    1.782
    Post doch mal Deinen nochmal geänderten Code.

    Was Du statt none angibst? Hätte es jetzt mal mit url(http://...) versucht... :confused:
     
    #10 b3317133, 19. März 2017
  11. papillon121

    papillon121 Well-Known Member

    Registriert seit:
    4. März 2016
    Beiträge:
    50
    Zustimmungen:
    2
    danke aber sorry, ich komme nicht weiter :confused:
     
    #11 papillon121, 19. März 2017
  12. AmFearLiath

    AmFearLiath Well-Known Member

    Registriert seit:
    12. August 2012
    Beiträge:
    731
    Zustimmungen:
    0
    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..
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    entscheidend, um das Hintergrundbild zu setzen ist dabei lediglich das
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Du fragst, was man anstatt dem background-image:none !important; schreiben soll...
    auf der verlinkten Seite steht
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!




    um das Hintergrundbild bei Dir einzubinden, musst Du also lediglich den parameter none ersetzen durch url(pfad/zu/deinem/bild.jpg)
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    damit das Bild nicht von der Hintergrundfarbe überlagert wird, entferne noch das
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
    #12 AmFearLiath, 19. März 2017
  13. papillon121

    papillon121 Well-Known Member

    Registriert seit:
    4. März 2016
    Beiträge:
    50
    Zustimmungen:
    2
     
    #13 papillon121, 19. März 2017
  14. AmFearLiath

    AmFearLiath Well-Known Member

    Registriert seit:
    12. August 2012
    Beiträge:
    731
    Zustimmungen:
    0
    wie heisst das Plugin, wo Du diese Shortcodes verwendest?
     
    #14 AmFearLiath, 19. März 2017
  15. papillon121

    papillon121 Well-Known Member

    Registriert seit:
    4. März 2016
    Beiträge:
    50
    Zustimmungen:
    2
    das heißt DesignThemes Core Features Plugin
     
    #15 papillon121, 19. März 2017
(Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können. )
  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.
    Akzeptieren Weitere Informationen...
    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.
    Akzeptieren Weitere Informationen...
    Information ausblenden