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 -> Installation/Konfiguration/Update -> CSS-Dateien aktivieren

CSS-Dateien aktivieren
Autor: PhilippK
Stand: 30.12.2008 04:56
Neuste Version unter: http://www.phpbb.de/doku/kb/css_aktivieren

### CSS-Dateien aktivieren

##### Die mit subSilver mitgelieferten CSS-Dateien sind standardmäßig deaktiviert. Dieser Artikel beschreibt, wie sie aktiviert werden und dadurch der Traffic reduziert werden kann.

Bei den bei phpBB mitgelieferten SubSilver-Template werden zwar standardmäßig CSS-Dateien mitgeliefert (CSS steht für Cascading Style Sheets und sind eine Art Formatvorlage für Internet-Seiten, die alle wichtigen Formatfestlegungen wie Farben und Schriftarten beinhalten), diese sind jedoch nicht aktiv.
Stattdessen werden die CSS direkt im Seitenkopf eingefügt und so bei jeder Seite neu vom Server übertragen. Dies hat zwar den Vorteil, dass ihr im Admin-Panel (unter 'Styles/Themes' - 'Einstellungen') zwar etwas größeren Einfluss auf die Darstellung nehmen könnt, auf der anderen Seite kostet es aber auch einiges an Übertragungsvolumen (ca. 8 KB zusätzlich pro Seite (ohne Kompression)) und damit etwas an Geschwindigkeit.
Um dies zu ändern, müsst ihr nur ein paar Zeilen in den Template-Dateien ändern. Was genau, ist im folgenden beschrieben. Bitte denkt daran, eure Dateien vor eventuellen Änderungen zu sichern.
1. Datei öffnen
Öffnet die Datei ./templates/subSilver/overall_header.tpl (Verzeichnisangaben ausgehend von eurem phpBB-Verzeichnis). Zum Editieren reicht ein ganz einfacher Text-Editor. Wenn der Text bei euch unter Windows nicht richtig umgebrochen wird, liegen die Dateien evtl. im Unix-Format vor und euer Editor kommt damit nicht zurecht. Dann müsst ihr euch leider nach einem anderen Editor umschauen. Auch einen HTML-Editor könnt ihr verwenden, er darf aber keine eigenmächtigen Änderungen an der Datei vornehmen (was leider die meisten Editoren machen) - ggf. die Datei vorher in .htm umbenennen.
2. Externe CSS-Datei aktivieren
Sucht nach folgender Zeile

Code:
<!-- link rel="stylesheet" href="templates/subSilver/{T_HEAD_STYLESHEET}" type="text/css" -->

und ersetzt sie durch

Code:
<link rel="stylesheet" href="templates/subSilver/{T_HEAD_STYLESHEET}" type="text/css" />

3. Interne Syles entfernen
Direkt darunter kommt ein recht großer Block:

Code:

<style type="text/css">
<!--
/*
The original subSilver Theme for phpBB version 2+
Created by subBlue design
http://www.subBlue.com
NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2
theme administration centre. When you have finalised your style you could cut the final CSS code
and place it in an external file, deleting this section to save bandwidth.
*/
[...] (hier kommen noch zahlreiche weitere Zeilen
/* This is the line in the posting page which shows the rollover
help line. This is actually a text box, but if set to be the same
colour as the background no one will know ;)
*/
.helpline { background-color: {T_TR_COLOR2}; border-style: none; }
/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("templates/subSilver/formIE.css");
-->
</style>

Diesen Code löscht ihr komplett, er wird nicht mehr benötigt.
3. Datei speichern
(das solltet ihr ohne Anleitung hinbekommen )
4. Und weil's so schön war: das ganze nochmal
Das gleiche wiederholt ihr für die Dateien ./templates/subSilver/simple_header.tpl und ./templates/subSilver/admin/page_header.tpl. Bei der letzten Datei müsst ihr jedoch in Schritt zwei diesen Code

Code:
<!-- link rel="stylesheet" href="../templates/subSilver/{T_HEAD_STYLESHEET}" type="text/css" -->

durch

Code:
<link rel="stylesheet" href="../templates/subSilver/{T_HEAD_STYLESHEET}" type="text/css" />

ersetzen.
5. Dateien hochladen
Damit das ganze läuft, müsst ihr die Dateien natürlich noch auf eueren Server hochladen (wer hätte es gedacht? )
Fertig!!!
Noch ein Hinweis:
Im Admin-Bereich unter 'Styles/Themes' - 'Einstellungen' sind nun die meisten Punkte ohne Funktion. Die folgenden Werte sind jedoch weiterhin relevant: (ohne Gewähr)

- CSS Stylesheet - Verweis auf die CSS-Datei
- Hintergrundfarbe - für ältere Browser
- Textfarbe - für ältere Browser
- Linkfarbe - für ältere Browser
- Farbe für gesehenen Link - für ältere Browser
- Farbe für Tabellenzelle 1 - Hintergrundfarbe für das Farb-Auswahlfeld beim Erstellen eines Beitrages
- Farbe für Tabellenzelle 2 - Farbe für den Prozentbalken in den privaten Nachrichten (Dein Posteingang ist x% voll)
- Tabellenzelle Klasse 1 - Klasse für die ungeraden Beiträge eines Themas (Klassendefinition befindet sich in der CSS-Datei)
- Tabellenzelle Klasse 2 - Klasse für die geraden Beiträge eines Themas (Klassendefinition befindet sich in der CSS-Datei)
- Schriftfarbe 1 - Textfarbe (wird lediglich im Farb-Auswahlfeld beim Erstellen eines Beitrages verwendet)
- Schriftfarbe 2 - Die Farbe für Moderatoren unter 'Wer ist online'
- Schriftfarbe 3 - Die Farbe für Administratoren unter 'Wer ist online' sowie Worthervorhebungen (Highlight-Funktion) bei der Suche

Hinweis:
Wenn ihr danach Probleme mit den Schriftgrößen im Admin-Bereich habt, so öffnet die subSilver.css, sucht dort

Code:
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }

und fügt danach ein:

Code:
p,td { font-size : 11px; }

Knowledge Base Offline -> Installation/Konfiguration/Update -> CSS-Dateien aktivieren

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