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

| phpBB.de Knowledge Base (Offline-Version) ©2005 Sascha Carlin und das phpBB.de-Team - Impressum Das Kopieren von Artikeln (auch auszugsweise) ist nur nach ausdrücklicher Genehmigung erlaubt! phpBB.de: Infos | Forum | Downloads | Dokumentation |