phpBB.de - Die deutsche phpBB-Community
Stand: 30.12.2008 04:56
aktuelle Version auf phpBB.de
 
Apache At Work Communities Community Building Informationen und Hinweise Installation/Konfiguration/Update MySQL PHP phpBB-Optimierungen phpBB3 Rechtliches Server & Technik Snippets Templates und Mods
 



Knowledge Base Offline -> Templates und Mods -> Hintergrundgrafiken einfügen

Hintergrundgrafiken einfügen
Autor: Markus67
Stand: 30.12.2008 04:56
Neuste Version unter: http://www.phpbb.de/doku/kb/hintergrund

Hintergrundgrafiken einfügen

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};

danach einfügen:
Code:
   background-image: url('./templates/subSilver/images/dein_bg.gif');

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



Knowledge Base Offline -> Templates und Mods -> Hintergrundgrafiken einfügen