Anderer Hintergrund bei Beiträgen

  • Hallo Zusammen,

    Ich mach mein eigenes Kochblog. Doch nun habe ich eine Frage welche ich leider nicht selbst beantworten kann und auch bislnag wenig hilfe gefudnen haben. Ich möchte folgendes:

    Bild und Text mit weissen normalen Hintergrund, danach die Zutaten mit Hintergrund (zb. Notizblatt.jpg) und danach bei der Zubereitung wieder ein normaler weisser Hintergrund. Wie kann ich dies machen, dass es mir im Beitrag welchen ich verfasse, bei den Zutaten ein anderes Hintergrundbild zufühgt? Was genau muss wo programmiert sein?

    • 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

  • Naja, einfach im html Editor die div-Klasse außenrumlegen, z.b. so:

    PHP
    <div class="ingredients">
    <p><li>500g Mehl</li>
    <li>4 Eier</li>
    <li>750ml Milch</li></p>
    </div>

    Im stylesheet änderst du dann den Hintergrund für die Zutaten-Klasse:

    Code
    .ingredients {
    background: url(images/zutatenhintergrund.jpg) no-repeat;
    }

    Dürfte eigentlich reibungslos klappen. Nur was man mit den obigen Zutaten anfangen kann, das weiß ich nicht :-D

  • Entweder ich bin blöd oder es funktioniert nichts. kann auch sein dass ich als Anfänger was wichtiges falsch mache. Habe nun in der CSS

    Code
    .zutat {
    background: url(images/notiz.jpg) no-repeat;
    }

    Und auf der gewünschten Seite (page rezepte.php)

    Code
    [COLOR=#000000][COLOR=#006600]<[/COLOR][COLOR=#0000CC]div [/COLOR][COLOR=#006600]class=[/COLOR][COLOR=#CC0000]"ingredients"[/COLOR][COLOR=#006600]>[/COLOR][COLOR=#006600]
    </[/COLOR][COLOR=#0000CC]div[/COLOR][COLOR=#006600]>  [/COLOR][/COLOR]

    Doch angezeigt wird nichts, weder hintergrund noch der Text welcher ich per Benutzerdefinierte Felder eingegeben habe. Text mit Feld-Name "zutat" eingetragen, aber nichts erscheint. :-( Was ist falsch?

  • da muss jedesmal dasselbe stehen: also beidesmal zutat oder [COLOR=red]ingredients. [COLOR=black]und[/COLOR] [/COLOR][COLOR=black]im code muss natuerlich irgendein text stehen.[/COLOR]

    zum beispiel:

    Code
    .zutat {background: [URL="http://forum.wordpress-deutschland.org/lexikon/?do=showentry&item=url"][COLOR=#000000]url[/COLOR][/URL](images/notiz.jpg) no-repeat;}



    [COLOR=#006600][COLOR=#000000]

    Code
    <[COLOR=#0000cc]div [/COLOR][COLOR=#006600]class=[/COLOR][COLOR=#cc0000]"zutat"[/COLOR][COLOR=#006600]>[/COLOR]
    [COLOR=#000000][COLOR=#006600]hier der zutaten text[/COLOR][/COLOR]
    [COLOR=#000000][COLOR=#006600]</[/COLOR][COLOR=#0000cc]div[/COLOR][COLOR=#006600]>[/COLOR][/COLOR]

    [/COLOR][/COLOR]

  • Danke für die Hilfe. Funktioniert nun perfekt. Der Hintergrund wird angezeit. Wie kann ich es machen, dass wenn ich diesen Hintergrund möchte und zum Beispiel die Zutaten anzeigen lassen, wenn ich dies über die Benutzerdefinierten Felder lösen will?

    Nun kann ich den Code

    Code
    [COLOR=#006600][COLOR=#000000]<[COLOR=#0000cc]div [/COLOR][COLOR=#006600]class=[/COLOR][COLOR=#cc0000]"zutat"[/COLOR][COLOR=#006600]>[/COLOR]
    [COLOR=#000000][COLOR=#006600]hier der zutaten text[/COLOR][/COLOR]
    [COLOR=#000000][COLOR=#006600]</[/COLOR][COLOR=#0000cc]div[/COLOR][COLOR=#006600]>[/COLOR][/COLOR] [/COLOR][/COLOR]

    zwar an einer beliebigen Stelle einfügen, ist dadurch jedoch pro Seite und Rezept immer der gleiche an gleicher Stelle. Ich würde jedoch gerne über die Benutzerdefinierten Felder die Zutaten mit dem betreffenden Hintergrund anzeigen lassen, pro Beitrag andere Zutaten.

    Wie kann ich es lösen, dass ich die Zutaten per Benutzerdefinierte Felder hinzufügen kann mit Hintergrund wie gewünscht?

Jetzt mitmachen!

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