Links in demo updated - Radio in all styles adapted
-----

Different side backgrounds

Gesperrt
Forum Member
Site Admin
Beiträge: 649
Registriert: 3. Apr 2019, 17:36
Vorname: Jutta
Dein Land: Schweiz
Wohnort: Zuchwil / SO
Kontaktdaten:

Different side backgrounds

Beitrag von Forum Member » 27. Nov 2019, 17:10

Ich habe den Code von Sniper_E aus diesem Thema ausprobiert. Es scheint immer noch zu funktionieren.
https://www.phpbb.com/community/viewtop ... &t=2145311

Erstelle 3 zusätzliche Hintergrundbilder und speichere diese im Ordner Silver_Xmas_Modern-theme - image (Beachte, dass die Hintergrundbilder aufgrund der Ladezeit des Styles nicht zu gross (Auflösung) sein sollten).

In silver_xmas.css.css html,body füge diesen Code ein (ersetze background2,3,4 durch den Namen Deiner Bilddatei und ändere die Hintergrundfarben so, dass sie Deinen Bildern entsprechen.). Wichtig: Das erste Bild in html/body nicht umbenennen: background.jpg.

Code: Alles auswählen

html, body {
	background-image: url("./images/background.jpg");
	color: #3E3E3E;
	background-color: #E7E7E7;
	line-height: normal;
}

body.section-viewforum {
	background-image: url("./images/background2.jpg");
	color: #3E3E3E;
	background-color: #00FF6F;
}

body.section-viewtopic {
	background-image: url("./images/background3.jpg");
	color: #3E3E3E;
	background-color: #1A00FF;
}

body.section-posting {
	background-image: url("./images/background4.jpg");
	color: #3E3E3E;
	background-color: #FF3800;
}

EN-Instructions

I have tried the code of Sniper_E from this topic. It still seems to work.
https://www.phpbb.com/community/viewtop ... &t=2145311

Create 3 additional background images and save it in Silver_Xmas_Modern-theme - image folder (Note that the background images should not be too large (resolution) because of the loading time of the style).

In silver_xmas.css html,body insert this code(replace background2,3,4 with the name of your image file and change the background colors to matching your pictures.). Important: Don't rename the first picture in html/body: background.jpg.

Code: Alles auswählen

html, body {
	background-image: url("./images/background.jpg");
	color: #3E3E3E;
	background-color: #E7E7E7;
	line-height: normal;
}

body.section-viewforum {
	background-image: url("./images/background2.jpg");
	color: #3E3E3E;
	background-color: #00FF6F;
}

body.section-viewtopic {
	background-image: url("./images/background3.jpg");
	color: #3E3E3E;
	background-color: #1A00FF;
}

body.section-posting {
	background-image: url("./images/background4.jpg");
	color: #3E3E3E;
	background-color: #FF3800;
}

Gesperrt

Zurück zu „FAQ“