Hintergrundbild als Ganzes

Heute 17:03
#1 Hintergrundbild als Ganzes
avatar
Mitglied

Hallo,
wir haben bei unserem Forum das Problem, dass das Hintergrundbild mehrfach erscheint, wenn wir die Datei ins Template einfügen (v6).

Gibt es eine Möglichkeit oder eine Einstellung dies zu verhindern?


 Antworten

 Beitrag melden
Heute 17:56
avatar  Mike48
#2 RE: Hintergrundbild als Ganzes
avatar
Mitglied

Administration → Layout → Farben & Einstellungen → css/scss → CSS / SCSS Addon

1
2
3
4
5
 
/* begin -  Hintergrundgrafik fixieren */
body {
background-attachment: fixed;
}
/* end- Hintergrundgrafik fixieren */
 


www.friends-of-xobor.de (621181 - Template kann wechsel bei Plungin Tests)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

 Antworten

 Beitrag melden
Heute 19:31
avatar  Mike48
#3 RE: Hintergrundbild als Ganzes
avatar
Mitglied

Das functioniert leider nicht auf Mobil.
Ich habe eine Variante für Desktop und Mobil gefunden.

1. Die Hindergrundgrafik löschen unter
Administartion → Layout → Farben & Einstellungen → Grafiken → Hintergrundmuster URL einer Grafik löschen.

2. Hintergrundgrafik neu eingeben unter
Administartion → Layout → Farben & Einstellungen → css/scss → CSS / SCSS Addon

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
/* begin -  Hintergrundgrafik fixieren Desktop und Mobil */
html::before {
content: ' ';
display: block;
//hier den Pfad zu deinem Hintergrundbild einsetzen
background-image: url('https://files.homepagemodules.de/b612094/a_596_78a53019.jpg');
background-position: center;
background-size: cover;
height: 100vh; width: 100vw;
top: 0; bottom: 0; left: 0; right: 0;
position: fixed;
z-index: -10; // Das hier ist sehr wichtig!
}
/* end- Hintergrundgrafik fixieren */
 


www.friends-of-xobor.de (621181 - Template kann wechsel bei Plungin Tests)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!