CSS-Dateien aktivieren
Verfasst: 14.01.2003 22:53
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 Zeileund ersetzt sie durch
3. Interne Syles entfernen
Direkt darunter kommt ein recht großer Block: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 Codedurchersetzen.
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)
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: Alles auswählen
<!-- link rel="stylesheet" href="templates/subSilver/{T_HEAD_STYLESHEET}" type="text/css" -->Code: Alles auswählen
<link rel="stylesheet" href="templates/subSilver/{T_HEAD_STYLESHEET}" type="text/css" />Direkt darunter kommt ein recht großer Block:
Code: Alles auswählen
<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>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: Alles auswählen
<!-- link rel="stylesheet" href="../templates/subSilver/{T_HEAD_STYLESHEET}" type="text/css" -->Code: Alles auswählen
<link rel="stylesheet" href="../templates/subSilver/{T_HEAD_STYLESHEET}" type="text/css" />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
