Fixierter Hintergrund mit flexibler Grösse für Monitore

Thema wurde von Bianca, 12. September 2012 erstellt.

  1. Bianca
    Bianca Erfahrener Benutzer
    Registriert seit:
    13. Oktober 2011
    Beiträge:
    406
    Danke erhalten:
    20
    Danke vergeben:
    35
    Juten Tach :)

    Wie kann ich das Hintergrundbild fixieren und gleichzeitig strecken...?
    Fixieren hat schon funktioniert, aber auf verschieden grossen Monitoren ist das Bild je nachdem zu klein oder zu gross. Kann man einen Befehl geben, dass sich das Bild immer an die Monitorgrösse anpasst? Auf die Gefahr hin, dass es evtl. verzerrt wird bei 16:9 oder so...

    Hier hab ich das mit dem fixierten Background gemacht:

    https://www.SHOP.de/gm_css_monitor.php
    > .wrap_shop
    > background: url("images/background.jpg");
    > darunter: background: fixed;

    Und das ganze dann noch an die Monitorgrösse anpassen - aber wie...?

    Daaaanke :)
     
  2. Nicki
    Nicki Erfahrener Benutzer
    Registriert seit:
    12. März 2012
    Beiträge:
    469
    Danke erhalten:
    57
    Danke vergeben:
    29
    Nicht mit CSS alleine.

    Mit java-script in verb. mit css könnte das gehen, must mal googeln
     
  3. Bianca
    Bianca Erfahrener Benutzer
    Registriert seit:
    13. Oktober 2011
    Beiträge:
    406
    Danke erhalten:
    20
    Danke vergeben:
    35
    Danke, aber: oje :D
    Da weiss ich ja schon wieder nicht einmal, wo ich das überhaupt dann eingeben muss, sofern ich den code raus bekomme :D
    Ich glaub, dann widme ich mich vorerst anderen Dingen im Shop ;)
     
  4. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.627
    Danke erhalten:
    11.348
    Danke vergeben:
    1.614
    Hast Du ein richtiges Bild oder ein Muster als Hintergrund?
    Wenn Du ein Muster hast, kannst Du es mit Kacheln versuchen.
     
  5. Bianca
    Bianca Erfahrener Benutzer
    Registriert seit:
    13. Oktober 2011
    Beiträge:
    406
    Danke erhalten:
    20
    Danke vergeben:
    35
    Hallo Barbara!

    Ne, das wird eine Grafik - noch nich fertig und wohl auch Geschmacksache, aber so in der Richtung:
    http://btc.bad-taste-cologne.de/index.php
    Der Skull unten rechts verschwindet z.B. bei meinem MacBook komplett, auf ´nem grossen Monitor verschwindet er unter´m Shop und die rechte Seite wird angeschnitten. Also rechts z.b. die Splatter werden abgeschnitten.
    Vielleicht versuch ich´s mit einer eher "linkslastigen" Grafik...
     
  6. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.627
    Danke erhalten:
    11.348
    Danke vergeben:
    1.614
    Nee mit einem Bild / einer Grafik funktioniert Kacheln natürlich nicht.
    Ich weiß zwar nicht wie, wo und ob man das im Template einfügen kann, aber vielleicht wären
    2 (schmale) Grafiken gut. Die eine oben links fixiert und die andere unten rechts.
    Egal wie groß der Monitor ist, müssten die Bilder immer am Außenrand liegen.
    Nur bei kleinen Monitoren schiebt sich der Shop über die Grafik.
     
  7. Bianca
    Bianca Erfahrener Benutzer
    Registriert seit:
    13. Oktober 2011
    Beiträge:
    406
    Danke erhalten:
    20
    Danke vergeben:
    35
    Ja, das wär vielleicht besser - vielleicht weiss ja jemand, wie das geht..? Im StyleEdit kann man ja nur eine Grafik hochladen/auswählen...
     
  8. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.627
    Danke erhalten:
    11.348
    Danke vergeben:
    1.614
    Vielleicht geht es auch (Link nur für registrierte Nutzer sichtbar.)
     
  9. Bianca
    Bianca Erfahrener Benutzer
    Registriert seit:
    13. Oktober 2011
    Beiträge:
    406
    Danke erhalten:
    20
    Danke vergeben:
    35
    Danke für Deinen Einsatz :)
    Schade, so wird die Grafik entweder rechts UND links angeschnitten bzw. die Garfik läuft bei kleineren Monitoren recht UND links aus´m Bild... Die Grösse variiert so auch nicht, hab´s grade getestet.
    Hab jetzt die Grafik abgeändert, ist jetzt nich mehr so schlimm, wenn bei kleinen Monitoren der Shop weiter drüber liegt bzw. bei grösseren Monitoren mehr zu sehen ist. Hab keinen ultra grossen Monitor, daher kann ich nicht testen, wie´s da aussieht, aber Standardgrösse und kleiner ist okay für mich :)
     
  10. Andreas Jung
    Andreas Jung Erfahrener Benutzer
    Registriert seit:
    15. Oktober 2012
    Beiträge:
    47
    Danke erhalten:
    1
    Danke vergeben:
    17
    Ist zwar schon ein alter Beitrag, aber vielleicht hilft es noch jemanden:


    Im CSS-Editor unter .wrap_shop folgendes eingeben oder ergänzen:


    background-image: url(backgrounds/bild.jpg);
    background-position: 0px 0px;
    background-repeat: norepeat;
    background-size: 100% 100%;