Shop Hintergrund mitwandern lassen?

Thema wurde von NitroDevil197, 22. Juni 2015 erstellt.

  1. NitroDevil197
    NitroDevil197 Mitglied
    Registriert seit:
    21. Mai 2015
    Beiträge:
    18
    Danke erhalten:
    0
    Danke vergeben:
    3
    #1 NitroDevil197, 22. Juni 2015
    Servus, ich möchte auf meiner Homepage den Hintergrund mitwandern lassen!
    Bloß wie geht das?

    Kurz zum Mitwandern:

    Ich möchte das dass Hintergrundbild sozusagen mit läuft sodass unten kein Bild gekachelt oder verlängert wird. Das ein Bild z.B. mit 1920 x 1080 p. Fest auf der Homepage steht und man auf der Seite scrollen kann.

    Mfg. NitroDevil197
     
  2. THR
    THR Erfahrener Benutzer
    Registriert seit:
    1. Juni 2011
    Beiträge:
    276
    Danke erhalten:
    13
    Danke vergeben:
    22
    #2 THR, 22. Juni 2015
    "Fest auf der Homepage steht und man auf der Seite scrollen kann."


    Im Verzeichnis "templates/EyeCandy/usermod/css" eine "background.css" anlegen und folgendes reinschreiben.


    Code:
    .body {
background-image: url(backgrounds/deine-bg-datei.jpg);
background-attachment:fixed
}
     
  3. teka-food
    teka-food Erfahrener Benutzer
    Registriert seit:
    4. Dezember 2014
    Beiträge:
    56
    Danke erhalten:
    0
    Danke vergeben:
    13
    #3 teka-food, 22. Juni 2015
    Hi,
    ich kenne mich mit css nicht aus:
    ist der obige code alles, was in der css Datei zu stehen hat ? also keine Standard Eingaben wie beim HTML mit body, title usw...
     
  4. THR
    THR Erfahrener Benutzer
    Registriert seit:
    1. Juni 2011
    Beiträge:
    276
    Danke erhalten:
    13
    Danke vergeben:
    22
    #4 THR, 22. Juni 2015
    Ja. Das ist alles.
     
  5. NitroDevil197
    NitroDevil197 Mitglied
    Registriert seit:
    21. Mai 2015
    Beiträge:
    18
    Danke erhalten:
    0
    Danke vergeben:
    3
    #5 NitroDevil197, 22. Juni 2015
    Ich habe diese Datei erstellt! Habe aber statt " fixed " ---> " scroll " genommen da das Hintergrundbild ja mit scollen soll!
    Aber Momentan ist immer noch das Bild fest?!
    Wieso?

    http://oldschoolepipes.com/index.php
     
  6. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.628
    Danke erhalten:
    11.349
    Danke vergeben:
    1.614
    #6 barbara, 22. Juni 2015
    Du hat einen kleinen Denkfehler :)
    Du möchtest das Dein Bild die Position hält, also immer stehen bleibt, während der Shop scrollt. Das ist "fixed"
    Wenn das Bild mit-scrollt, schiebt es sich aus dem Bild und Du müsstest unten anstückeln.
     
  7. NitroDevil197
    NitroDevil197 Mitglied
    Registriert seit:
    21. Mai 2015
    Beiträge:
    18
    Danke erhalten:
    0
    Danke vergeben:
    3
    #7 NitroDevil197, 22. Juni 2015
    Danke für deinen Hinweis! In meiner Datei steht:
    PHP:
    .body {
    background-image: url(backgrounds/BG.jpg);
    background-attachment:fixed;
    }
    Aber trotzdem funktioniert es nicht!
    Was kann es sein?
     
  8. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.628
    Danke erhalten:
    11.349
    Danke vergeben:
    1.614
    #8 barbara, 22. Juni 2015
    cache geleert?
     
  9. NitroDevil197
    NitroDevil197 Mitglied
    Registriert seit:
    21. Mai 2015
    Beiträge:
    18
    Danke erhalten:
    0
    Danke vergeben:
    3
    #9 NitroDevil197, 22. Juni 2015
    Ja! Alles geleert!
     
  10. lu
    lu Erfahrener Benutzer
    Registriert seit:
    15. Februar 2013
    Beiträge:
    167
    Danke erhalten:
    13
    Danke vergeben:
    38
    #10 lu, 22. Juni 2015
    wenn ich mir den Quellcode in firebug ansehe, findet sich kein background-attachment in der css.
     
  11. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.628
    Danke erhalten:
    11.349
    Danke vergeben:
    1.614
    #11 barbara, 22. Juni 2015
    Wie genau heißt denn die Datei, und wohin hast Du sie geladen?

    Nachtrag: welche Shopversion hast Du?
     
  12. NitroDevil197
    NitroDevil197 Mitglied
    Registriert seit:
    21. Mai 2015
    Beiträge:
    18
    Danke erhalten:
    0
    Danke vergeben:
    3
    #12 NitroDevil197, 22. Juni 2015
    Ich hab das Problem gefunden! Es heißt:
    PHP:
    body { 
            background-image: url(backgrounds/BG.jpg);
            background-repeat: no-repeat;
            background-attachment: fixed;
    }
    Vorher war ein " . " Punkt vor dem Body! :D