Wie man Invisionfree Skins

Suche nach einem Invisionfree Forum kann einen gewaltigen Prozess für den neuen Forum-Administrator sein und eine passende Skin erstellen kann sowie herausfordernde beweisen. Invisionfree Skins haben zwei wichtigsten Haut-Tools: "Board-Wrapper" und "Verwalten von Style-Sheets". Verwenden Sie diese Tools, um einen angepassten Skin für ein Invisionfree-Forum.

Anweisungen

1 Wählen Sie eine einfache, Dreifarben-Regelung für Ihre Haut, die zwei hat ähnliche ganz in der Nähe in Schatten und eine starke, kontrastierenden Farbe Farben. Wählen Sie beispielsweise weiß, gebrochenes Weiß und rot oder zwei Schattierungen von blau und Orange. Das Farbpalette-Creation-Tool bei ColourLovers.com eignet sich für diesen Schritt.

2 Ändern Sie den hex-Code-Körper-Bgcolor = "#FFFFFF" eine der Farben, die Sie zuvor ausgewählt haben. Finde das ganz oben im Bereich "Header & Body"-Textfeld in der "Board-Wrapper" Option unter "Skinning & Styles" in der Admin-CP. Die hex-Code ist #FFFFFF in der ursprünglichen Motherboard-Haut und die Paletten werden einen hex-Code für jede Farbe geben. Die dunkelste Farbe oder die hellste Farbe in der Palette sind oft die effektivste als eine Hintergrundfarbe.

3 Gehen Sie zu "Verwalten von Style Sheets" unter "Skinning & Styles" in der Admin CP. Copy von Text im Textbereich box und fügen Sie ihn in einen einfachen Text-Editor wie Microsoft Notepad, wodurch die Fähigkeit zur Nutzung von "Suchen" und "suchen und ersetzen." Dies ist das CSS-Stylesheet für das Forum-Design.

4 Finden Sie die Kategorie-Header, die die hellen blauen Titel auf die ursprüngliche Haut, die einen Querschnitt der Bretter unterhalb der Hauptindex-Ansicht des Forums haben. Suchen Sie im Text-Editor für ".maintitle." Entfernen Sie "/ tile_back.gif" Rel = "Nofollow" Target = "_blank" > http://209.85.12.234/style_images/<#IMG_DIR#>/tile_back.gif, "aber die Klammer zu verlassen. Fügen Sie die Hintergrundfarbe: #000000; gleich nach dem {, verlassen ein Leerzeichen vor und nach dem eingefügten Text. Ersetzen Sie den hex-Code mit dem hex-Code von der hellen, kontrastierenden Farbe in der Palette. Wenn der Text schwer zu lesen ist, ersetzen Sie beide von der hex-Codes .maintitle und .maintitle ein: Link für Farbe: #FFFFFF für einen hellen Text oder #000000 eine dunkle Text-oder verwenden Sie eine der anderen Farben in der Palette.

5 Folgen Sie den gleichen Schritten wie in Schritt 4 für Element ".titlemedium," die ist rechts oben ".maintitle," ändert die Farbe der Vorstand Titel gefunden. Verwenden Sie eine der anderen Farben und eine kontrastierende Textfarbe.

6 Suchen Sie im Text-Editor für post1. Das post2-Element sollte unter post1 richtig sein. Änderung der hex-Code in post1 zu einem der Ihren ähnlich Palettenfarben und post2 ersetzen den hex-Code mit anderen ähnlichen Farbe. Die hellere Farbe in beide Elemente funktioniert gut, auch.

7 Suchen Sie im Text-Editor nach #FFFFFF, und ersetzen Sie alle Instanzen durch die etwas hellere Farbe. Machen Sie dasselbe für #E4EAF2 und #F5F9FD.

8 Weiter den gleichen Prozess wie in Schritt 7 hex-Codes #D1DCEB, #DFE6EF, #BCD0ED und #C2CFEF durch die dunklere Farbe zu ersetzen.

9 Suche nach "Postlinksbar" und entfernen den Hintergrund Bildlink, die Klammer intakt.

10 Blättern Sie zu der oben auf der Seite der CSS im Text-Editor. Finde die ein: Verbindung, ein: besucht, ein: aktive Elemente. Farbe: #000 zu den hex-Code Ihrer kontrastierenden Farbe. Kopieren und Einfügen von CSS wieder in das Invisionfree CSS-Bereich-Textfeld, und drücken Sie "Edit CSS" am unteren Rand der Seite.

Tipps & Warnungen

• Schalten die Farbauswahl in verschiedenen Elementen kann einen völlig anderen Effekt erstellen. Im CSS-Stylesheet entspricht der Namen an der Spitze des Elements mit dem Forum-Element. Invisionfree Supportforum hat eine Liste, die jedes CSS-Element zur weiteren Anpassung ausführlich erklärt.
• Bilder sind effektiv in Forum-Skins, aber Besucher sind oft frustriert durch Bilder, die zu hell und beschäftigt sind. Gradient Bilder als Kategorie und Board Titelleisten verwendet werden können, und nahtlos gekachelte Bilder sind wirksame Hintergründe. Viele Foren auf Invisionfree werden füllen Sie Anfragen für Grafiken und fertige Grafiken zur Verfügung.
• Wenn Sie Fehler, die Sie nicht beheben können machen, hat das Invisionfree Support Forum Standard-Brett-Wrapper und CSS.