Zum Thema ändern Farben im SMF

June 1

Zum Thema ändern Farben im SMF

Simple Machines Forum (SMF) ist eine populäre Wahl unter Website-Besitzer für seine Geschwindigkeit, Funktionalität und einfache Anpassung. Jedes Thema wird mit standard PHP-Vorlage-Dateien, die gebaut werden mit einer Mischung aus HTML und SMF "Template Tags" oder PHP-Code-Schnipsel in Stücken des Forums zu ziehen erstellt. Das visuelle Erscheinungsbild des Themas ist definiert mit cascading Stylesheets (CSS), leicht sind zu bearbeiten, auch wenn Sie wenig Erfahrung haben.

Anweisungen

1 Laden Sie eine Kopie des Designs, die Sie anpassen möchten. Sie greifen eine frische Kopie aus dem SMF Theme Repository, oder laden Sie einfach das Thema Ordner von Ihrem Webserver.

2 Downloaden Sie und installieren Sie das Add-on Firebug für Firefox. Sie können auch Opera, verwenden, hat die Firebug Funktionalität integriert. Ihr Forum in einem neuen Browser-Tab Öffnen und mit der rechten Maustaste auf ein Element, z. B. das Hauptforum-Link und wählen "Inspect Element." Es erscheint ein Fenster, die Zeile HTML für das ausgewählte Element auf der linken Seite, und seine CSS-Stil auf der rechten Seite angezeigt. Auf der rechten Seite der CSS ist Stil den Dateinamen des Stylesheets, dem der Stil definiert. Inspect Element verwenden, können Sie leicht feststellen, welche Datei zu bearbeiten.

3 Öffnen Sie das Thema Ordner auf Ihrem Computer zu, und suchen Sie das Stylesheet in das Firebug-Fenster angegeben. Die meisten Stile befinden sich in der "style.css", die im Hauptordner des Themas vorhanden sein wird. Zusätzliche Formatvorlagen können auch in einem Unterordner "Css" enthalten sein.

4 Öffnen Sie das Stylesheet in einem Text- oder HTML-Editor bearbeiten möchten, und suchen Sie die Auswahl für das Element, das Sie anpassen möchten. Beispielsweise können Sie die Farbe für alle Links in das Thema, die nicht über einen benutzerdefinierten Stil durch Ändern des Wertes "Farbe" Ändern der "ein: Verknüpfung," "ein: Hover," und "ein: besuchten" Stile, die wie folgt aussehen:

a: Link

{

color: #000;

text-decoration: none;

}

ein: besuchten

{

color: #000;

text-decoration: none;

}

a: Hover

{

text-decoration: underline;

}

Um alle Links erscheinen als rot, kursiv und Fett machen, ändern Sie die "ein: Verknüpfung" Stil wie folgt:

a: Link

{

color: #ff0000;

text-decoration: none;

font-style: italic;

font-weight: bold;

}

5 Öffnen Sie keine Stylesheets, die im Lieferumfang Ihres Themas, und fahren Sie mit die Farbwerten zu bearbeiten, wie du willst, mit Firebug um zu bestimmen, welche Formatvorlagen was beeinflussen. Wenn fertig, speichern Sie die Dateien und wieder hochladen Sie das Thema auf Ihren Webserver, wo SMF installiert ist.

Überschreibung Standard CSS mit einem Mod

6 Download eine mod von der offiziellen Website der SMF zu verhindern, dass Änderungen an Core-Dateien Ihres Themas, die das nächste Mal Sie SMF oder das Thema-Paket aktualisieren überschrieben werden können. Klicken Sie auf "Anpassen", dann klicken Sie auf "Mod-Website" unter der linken Navigation und Suche nach "Css überschreiben." Laden Sie die neueste Version des Mods, indem Sie auf den ZIP-Datei-Link auf der rechten Seite.

7 Installieren der Mods mit dem Zugriff auf den Paket-Manager in den SMF-Administrationsbereich. Klicken Sie auf "Browse Packages", und klicken Sie dann auf "Durchsuchen", um die "Css Overide" mod hochladen. Befolgen Sie die Anweisungen zur Installation.

8 Klicken Sie auf "Konfiguration > Änderung Einstellungen > Sonstiges", sobald die Installation erfolgreich ist. Das dafür vorgesehene Feld Ihre benutzerdefinierten CSS hinzufügen oder die Firebug-Methode oben vorhandene Formatvorlagen kopieren und fügen sie im Feld benutzerdefinierte CSS verwenden. Nehmen Sie die gewünschten Änderungen und klicken Sie auf "Speichern".