Hintergrund bild in der Siderbar

    • 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

  • Du möchtest also nur bestimmte Widgets mit Hintergrundbild, richtig?

    Dann finde mit Browser-Entwicklerwerkzeugen die ID des Widgets heraus. Beispielsweise wird das Widget "Nächstes Spiel" so ausgegeben:

    HTML
    <li id="text-5" class="widget-container widget_text">

    Über die ID kannst du dann jedes Widget einzeln formatieren und ein Hintergrundbild zuordnen:

    HTML
    #text-5 {
    background: url(bild.jpg);
    }

    Meine Webseite | WordPress, Webdesign und mehr...

  • also herausfinden tust du die id via firebug im ff oder ähnlichen entwicklerwerkzeugen in anderen browsern -> aber das hat dir reap705 ja schon geschrieben! Wenn du quellcodes lesen kannst findest du die ids auch dort ;)

    einfügen musst du dann den code in die style.css

    lg, pixselig

    ps: die url sollte noch in gänsefüsschen gesetzt werden

    zBsp:

    Code
    #text-5 {
    background: url("image/bild.jpg");
    }

    Einmal editiert, zuletzt von pixselig (9. November 2012 um 13:15)

Jetzt mitmachen!

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