Hintergrund für Content-Bereich

  • Moin,
    ich würde gern mal wissen wie und wo ich skalierende Hintergründe für meine Blogeinträge erstellen kann. Wie schon gesagt sollen diese Hintergründe mit der Länge des jeweiligen Textes Skalieren. Im Moment sieht meine Seite noch so aus und wie man sicherlich gut erkennen kann, ist der Text im Content-Bereich allgemein wegen dem Hintergrund nicht sonderlich gut lesbar.

    Danke schonmal im Voraus!

    • 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

  • Es würde reichen wenn der [FONT="Courier New"].entry[/FONT] Klasse eine entsprechende Farbe mitgegeben wird:

    Code
    .entry { 
      background: #F00; 
     }

    Alternativ natürlich auch ein Hintergrundbild:

    Code
    .entry { 
     background: #FFF url('image.png')  0 0 repeat-y;
     }

    "Whoever controls the media, controls the mind." J.Morrison

  • Es würde reichen wenn der [FONT=Courier New].entry[/FONT] Klasse eine entsprechende Farbe mitgegeben wird:

    Code
    .entry { 
      background: #F00; 
     }

    Alternativ natürlich auch ein Hintergrundbild:

    Code
    .entry { 
     background: #FFF url('image.png')  0 0 repeat-y;
     }

    Erstmal danke für den Verschlag, allerdings bin ich damit noch nicht so ganz zufrieden:
    - die .entry-Klasse scheint nur den eigentlichen Text zu betreffen und nicht den gesammten Eintrag (Überschrift + Text)
    - gibt es eine Möglichkeit, den Abstand des Texthintergrundes zum Text zu vergrößern? Im Moment beginnt der Hintergrund ja genau da, wo auch der Text beginnt...
    - ist background: #FFF url('image.png') nur mit einfarbigen Bildern möglich? Sobald ich so was ähnliches wie eine Kontur/Umrandung zum Hintergrundbild hinzufüge, skaliert der Hintergrund ja nicht mit sondern wiederholt sich einfach nur.

    Ich hatte mir das so vorgstellt, dass der Hintergrund in 3 seperate Grafiken aufgeteilt wird, eine für die obere Abrundung, eine für den graden Mittelteil und eine für den Footer (quasi so)...

  • ( ... )
    - die .entry-Klasse scheint nur den eigentlichen Text zu betreffen und nicht den gesammten Eintrag (Überschrift + Text)


    Die [FONT="Courier New"].post[/FONT]-Klasse umschliesst den ganzen Beitrag.


    - gibt es eine Möglichkeit, den Abstand des Texthintergrundes zum Text zu vergrößern? Im Moment beginnt der Hintergrund ja genau da, wo auch der Text beginnt...
    - ist background: #FFF url('image.png') nur mit einfarbigen Bildern möglich? Sobald ich so was ähnliches wie eine Kontur/Umrandung zum Hintergrundbild hinzufüge, skaliert der Hintergrund ja nicht mit sondern wiederholt sich einfach nur.
    ( ... )


    [FONT="Courier New"]repeat-y[/FONT] ist der entsprechende Parameter der das Bild in Y-Richtung des Bildschirms wiederholt.

    Daraus schliesse ich, das hier CSS-Grundlagen benötigt werden:

    "Whoever controls the media, controls the mind." J.Morrison

Jetzt mitmachen!

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