Dieser Artikel beschreibt, wie Hintergrundgrafiken in die verschiedenen Bereiche des Forum eingefügt werden können.
Einfügen von Hintergrundgrafiken
Beim Einfügen von Hintergrundgrafiken ist zuerst die Frage wo die Änderungen durchgeführt werden müssen. In einem Standard phpBB mit einem subSilver Template sind die Styleangaben in der overall_header.tpl zu finden. Dort müssen dann auch die hier beschriebenen Änderungen gemacht werden.
Wurde die Stylesheets bereits aktiviert (nähere Infos dazu hier CSS-Dateien aktivieren ) müssen die beschriebenen Änderungen in der subSilver.css gemacht werden.
1. Änderung des grauen Hintergrund
suche in der overall_header.tpl
Code:
/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
background-color: {T_BODY_BGCOLOR};
dein_bg.gif mit dem entsprechenden Namen der Hintergrundgrafik ersetzen. Die Grafik muss in den Ordner /templates/subSilver/images hochgeladen werden.
Bei aktivierten Stylesheets muss der Eintrag in der subSilver.css vorgenommen werden. Nach:
Code:
/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
background-color: #E5E5E5;
folgendes einfügen:
Code:
background-image: url('./images/dein_bg.gif');
2. Änderung des weissen Hintergrund
suche in der overall_header.tpl
Code:
/* This is the border line & background colour round the entire page */
.bodyline { background-color: {T_TD_COLOR2}; border: 1px {T_TH_COLOR1} solid; }
ersetze mit:
Code:
/* This is the border line & background colour round the entire page */
.bodyline { background-color: {T_TD_COLOR2}; background-image: url('./templates/subSilver/images/dein_bg.gif'); border: 1px {T_TH_COLOR1} solid; }
dein_bg.gif mit dem entsprechenden Namen der Hintergrundgrafik ersetzen. Die Grafik muss in den Ordner /templates/subSilver/images hochgeladen werden.
Bei aktivierten Stylesheets muss in der subSilver.css nach folgendem gesucht werden:
Code:
/* This is the border line & background colour round the entire page */
.bodyline { background-color: #FFFFFF; border: 1px #98AAB1 solid; }
ersetze mit:
Code:
/* This is the border line & background colour round the entire page */
.bodyline { background-color: #FFFFFF; background-image: url('./images/dein_bg.gif'); border: 1px #98AAB1 solid; }
Um Hintergründe zu positionieren oder zu fixieren gibt es hier weiterführende Infos
SELFHTML - Hintergrund