Richtige größe für Hintergrundbild

  • Hallo, ich würde gerne ein anderes Hintergrundbild in meinem Blog einfügen, dass die ganze Seite einnimmt und genau passt.

    So einfach wie ich es mir vorstelle geht das aber natürlich nicht. :roll: Das Bild hat die Maße: 1024x724, wenn ich das einfüge, ist nur 1/4 des freien Platzes auf dem Blog (vertikal) und 1/2 (horizontal) bedeckt.

    Aus spaß habe ich mir ein riesen Bild (7000x9000) rausgesucht und es mit diesem mal probiert. Nun ist zwar der ganze Blog bedeckt aber das Bild ist nicht ganz zusehen.

    Gibt es ein Plugin, dass ein Hintergrundbild einrichten erleichtert und die Maße automatisch einrichtet oder gibt es ein bestimmtes Maß dafür? Ich finde einfach nichts außer den Hintergrund zu fixieren.

    • 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

  • Aaaaalso,

    von einem derartigen Plug-in habe ich noch nie was gehört, aber wie wäre es ein wenig mit der Datei style.css herumzuspielen?

    Abgesehen von fixieren kannst du auch mit repeat-x & repeat-y arbeiten. :D:wink:

    Das ist eine Signatur. Die darf keine Werbung enthalten. Also packt man hierhin ein Zi

  • Code
    height: auto;
        left: 0;
        min-height: 100%;
        min-width: 1024px;
        position: fixed;
        top: 0;
        width: 100%;

    das zieht und zehrt das Bild bei jeder Auflösung auf volle Größe :D

    wie das Ergebnis dann je nach Auflösung aussieht, hängt von deinem Bild ab

  • eine Anregung hätte ich da

    Hintergrundbild auf den Seiten und Unten mit einem Grafikprogramm transparent machen
    dazu eine passende Hintergrundfarbe wählen , das Bild sich nicht wiederholen lassen und am oberen Rand fixieren

    Code
    background: #000000 url(bild.jpg) no-repeat fixed top;

    Für eine Partner-Seite von mir habe ich es ähnlich gemacht, hier sieh
    http://mafia2-mods.blogspot.com/ -

    kostenlose Grafikprogramme: Gimp oder Paint.Net


    mfg
    dIrtY

  • bin zwar nicht AoP, aber: Dashboard >> Design/ Editor >> style.css >> such mal nach "background: ", natürlich ohne die Gänsefüsschen...


    Muss man nicht dafür in der Childtheme eine separate CSS datei erstellen? Im Gegenfall kann es bei dem Update wieder überschritten werden.

Jetzt mitmachen!

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