Wie erstelle ich dieses Design

  • okey als erstes.. sorry dass ich so ne Frage stelle.. aber ich kann mir leider nicht selber weiter helfen..

    ich würde gerne meinen blog so gestalten wie hier ( http://www.zooyork.com/blog/ )

    ich bekomme aber leider das mit dem Text background nicht hin.. also sprich das der Blogeintrag header einen schwarten hintergrund hat und dann der page hintergrund sichtbar ist und dann der text wieder schwarzen hintergrund hat.. halt so wie es genau auf der genannten page zu sehen ist.. so hätte ich es am liebsten.. bin leider kein CSS profi.. habe lange rumgeprobt aber bin zu keinem ergebniss gekommen..

    ich hoffe es kann mir eine helfen wie ich am nächsten an diese Seite rankomme.

    Schon mal vielen Dank im voraus..

    CYA

    Pacino.

    • 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

  • Hallo Linopacino,

    die Bilddatei legst du für den body-Tag als Hintergrundbild fest:

    Code
    body {
    background: url(hintergrundbild.png);
    }

    Und diejenigen Boxen, die einen schwarzen Hintergrund haben sollen, sprichst du über die jeweiligen Divs an, in denen sie sich befinden.
    Also zum Beispiel:

    Code
    .post {
    background: #000;
    }

    Wirf mal einen Blick in den Quelltext deiner Seite. Dort kannst du sehen, wie beispielsweise das Div heißt, in dem sich dein Content befindet. Es könnte zum Beispiel so aussehen, dass das Div die Klasse post hat - dann sprichst du es wie oben gezeigt an:

    PHP
    <div class="post"><?php the_content(); ?></div>

    Analog funktioniert das für die Sidebar (die sich auch in einem Div befindet), alle anderen Bereiche und die Überschriften (h1, h2, ...).


    Viele Grüße
    neontrauma

  • hy.. schon mal vielen dank für deine hilfe.

    ich hab wie dus beschrieben hast den .post auf schwarz gesetzt..

    und das passt auch.. aber leider ist bei mir der Titel eines neuen Blog eintrags nicht abgetrennt vom Blog text darunter.. also sprich Blogeintrag titel und text sind über den hintergrund miteinander verbunden..

    wie schaff ich es nun diese zu trennen das es wie schon erwähnt so aussieht wie auf der oben genannten page..

    hier mein blog.. ( ich weis das der text und so noch nicht geändert wurde alles in der aufbau phase )
    http://www.clickandreload.ch/blog/

Jetzt mitmachen!

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