F.A.Q. (Häufig gestellte Fragen)

Hilfestellungen zum WSC 6 / WSC 5 & WSC 3

Erläuterungen zu Grundfunktionen in Stilen von Gino Zantarelli ...

  • Wie installiere ich einen WSC 6 / WSC 5 / WSC 3-Stil von Gino Zantarelli
  • 1. Loggen Sie sich ein in Ihr Administrator Control Panel (ACP) der WSC 6 / WSC 5 / WSC 3 Forensoftware / WCF.

    2. Zur Installation des Stilpakets öffnen Sie den Pfad KONFIGURATION > PAKETE > PAKET INSTALLIEREN und wählen den Button + PAKET INSTALLIEREN aus (oben rechts).

    3. Laden Sie das WSC 6 / WSC 5 / WSC 3-Stilpaket mit der Bezeichnung com.zantarelli.style.xxxxxx.tar.gz aus dem Ordner "Theme" hoch und installieren dieses. Das Stilpaket darf vorher nicht entpackt werden!

  • Wie wird das Update eines WSC 6 / WSC 5 / WSC 3-Stils von Gino Zantarelli durchgeführt
  • In unregelmäßigen Zeitabständen kann es für Ihr erworbenes Produkt ein Stilupdate geben, so führen Sie dieses im Administrator Control Panel (ACP) durch:


    1. Loggen Sie sich ein in Ihr Administrator Control Panel (ACP) der WSC 6 / WSC 5 / WSC 3 Forensoftware.

    2. Schalten Sie Ihr Forum vor den kommenden Updatetätigkeiten in den Wartungsmodus (Pfad: KONFIGURATION > ALLGEMEIN > WARTUNGSMODUS) um Probleme mit der Forensoftware sowie Usern zu vermeiden und Hintergrundanwendungen zu beenden.

    3. Deinstallieren Sie in der Paketverwaltung unter dem Pfad KONFIGURATION > PAKETE das Stilpaket welches aktualisiert werden soll, sichern Sie voher Ihr selbst erstelltes Logo und evtl. selbst angepasste Codeänderungen.

    4. Deinstallieren Sie unter dem Pfad ANPASSUNG > TEMPLATEGRUPPEN die alte Templategruppe des Stils, welcher aktualisiert werden soll.

    5. Laden Sie das neu erhaltene WSC 6 / WSC 5 / WSC 3-Stilpaket mit der Bezeichnung com.zantarelli.style.xxxxxx.tar.gz aus dem Ordner "Theme" hoch und installieren dieses. Das Stilpaket darf vorher nicht entpackt werden!

    6. Schalten sie den Wartungsmodus unter dem Pfad KONFIGURATION > ALLGEMEIN > WARTUNGSMODUS wieder aus (wird gerne vergessen ...)

  • Wie fügt man sein eigenes Seitenlogo in einen WSC 6 / WSC 5 / WSC 3-Stil ein
  • Sie können im Administrator Control Panel (ACP) ihres WSC 6 / WSC 5 / WSC 3 das eigene Seitenlogo unter dem Pfad ANPASSUNG > STILE > IHR GENUTZTER STIL > GLOBALE EINSTELLUNGEN direkt hochladen, in den Stileinstellungen ist danach die genaue Höhe und Breite in Pixel anzugeben.


    Unter dem Pfad ANPASSUNG > STILE > IHR GENUTZTER STIL > GLOBALE EINSTELLUNGEN kann auch direkt ein Logo für die mobile Ansicht hochgeladen werden, dieses sollte in den Abmaßen nicht zu groß sein (max. 250px x 30px).

  • Wie ändere ich das Hintergrundbild der Seite
  • In verschiedenen WSC 6 / WSC 5 / WSC 3-Stilen von Gino Zantarelli wird ein Seiten-Hintergrundbild genutzt, dieses kann man sich selber den eigenen Bedürfnissen anpassen.


    1. Suchen Sie in der installierten Woltlab Software auf ihrem Server per FTP-Programm im Stilordner des zu verwendeten Stils im Pfad IMAGES > NAME DES STILORDNERS nach dem Bild "pageBG.jpg" und laden dieses auf ihren PC herunter.

    2. Erstellen Sie ihr Hintergrundbild mit den selben Pixelgrößen wie das originale Hintergrundbild (welches heruntergeladen wurde) und speichern dieses als jpg-Datei mit dem Titel pageBG (also pageBG.jpg).

    3. Transferieren Sie ihr selbst erstelltes Hintergrundbild für die Seite per FTP-Programm wieder in den Stilordner des zu verwendeten Stils, danach aktualisieren Sie im Browser die Seitenansicht und kontrollieren diese.

  • Wie ändere ich das Hintergrundbild des Headers
  • In verschiedenen WSC 6 / WSC 5 / WSC 3-Stilen von Gino Zantarelli wird ein Hintergrundbild im Headerbereich angezeigt, dieses kann man sich selbstverständlich auch selber den eigenen Bedürfnissen anpassen.


    1. Suchen Sie in der installierten Woltlab Software auf ihrem Server per FTP-Programm im Stilordner des zu verwendeten Stils im Pfad IMAGES > NAME DES STILORDNERS nach dem Bild "headerBG.jpg" und laden dieses auf ihren PC herunter.

    2. Erstellen Sie ihr Hintergrundbild mit den selben Pixelgrößen wie das originale Hintergrundbild (welches heruntergeladen wurde) und speichern dieses als jpg-Datei mit dem Titel headerBG (also headerBG.jpg).

    3. Transferieren Sie ihr selbst erstelltes Hintergrundbild für den Header per FTP-Programm wieder auf den Server in den Stilordner des zu verwendeten Stils, danach aktualisieren Sie im Browser die Seitenansicht und kontrollieren diese.

  • Wie zentriere ich mittig das Header Logobild eines WSC 6 / WSC 5 / WSC 3-Stils
  • Immer wieder gibt es Anfragen wie das Header Logobild eines WSC 6 / WSC 5 / WSC 3-Stils mittig gesetzt werden kann (zentrieren), hier ein paar Lösungsansätze die einfach umzusetzen sind ...

    Möchten Sie im Standardstil des WSC 6 / WSC 5 / WSC 3 ihr Logobild im Header horizontal mittig setzen, so gehen Sie bitte wie folgt vor:


    1. Öffnen Sie im Administrator Control Panel (ACP) des WSC 6 / WSC 5 / WSC 3 den Pfad ANPASSUNG > STILE > IHREN STIL.

    2. Gehen Sie auf das Register ERWEITERTE EINSTELLUNGEN, dort findet man dann das obere Eingabefenster "Individuelles CSS und SCSS" mit den bereits eingefügten CSS-Anpassungen des Stilerstellers.

    3. Heben Sie den evtl. aktiven Schreibschutz auf, sonst werden ihre getätigten Anpassungen später nicht übernommen!

    4. Fügen Sie folgenden CSS-Code im oberen Teil des Eingabefensters ein:

    5. Wurde das Logo schon per CSS-Code auf die Position "absolute" gesetzt (in vielen bereits angepassten Stilen zu finden), so kann eventuell folgender CSS-Code genutzt werden:


    Möchten Sie im Standardstil des WSC 6 / WSC 5 / WSC 3 ihr Logobild im Header vertikal ausrichten, so gehen Sie bitte wie folgt vor:


    1. Öffnen Sie im Administrator Control Panel (ACP) des WSC 6 / WSC 5 / WSC 3 den Pfad ANPASSUNG > STILE > IHREN STIL.

    2. Fügen Sie folgenden CSS-Code im oberen Teil des Eingabefensters ein:

    3. Passen sie nun die Zahlenwerte an - der erste und dritte Wert ist der Abstand oben & unten, der "0"-Wert links & rechts.

  • Wo finde und bearbeite ich die CSS-Definition eines WSC 6 / WSC 5 / WSC 3-Stils
  • Sehr viele WSC 6 / WSC 5 / WSC 3-Stile werden mit CSS-Codes speziell angepasst um ein optisch ansprechendes Aussehen oder Funktionen zu ermöglichen, daher sollte ein Forenbesitzer auch wissen wo dieser diverse Anpassungen oder Änderungen vornehmen kann.

    Möchten Sie die Darstellung / Textinhalte für ihre eigenen Zwecke anpassen, so gehen Sie wie folgt vor:


    1. Öffnen Sie im Administrator Control Panel (ACP) des WSC 6 / WSC 5 / WSC 3 den Pfad ANPASSUNG > STILE > IHREN STIL.

    2. Gehen Sie nun auf das Register ERWEITERTE EINSTELLUNGEN, dort findet man dann das obere Eingabefenster "Individuelles CSS und SCSS" mit den bereits eingefügten CSS-Anpassungen des Stilerstellers.

    3. Heben Sie den evtl. aktiven Schreibschutz auf, sonst werden ihre getätigten Anpassungen später nicht übernommen!

    4. Fügen Sie ihre CSS-Anpassungscodes im oberen Teil des Eingabefensters ein, CSS-Codes für den Mobilmodus an den Stellen mit diverser Einrastpunktangabe wie z. Bspl. für den Smartphone-Modus oder für den Tablet-Modus.

    ACHTUNG: Vorher den Original Inhalt SICHERN (z. Bspl. als txt-Datei auf ihrem PC)!

  • Wie nutze ich die Suchfunktion in der CSS-Definition eines WSC 6 / WSC 5 / WSC 3-Stils
  • CSS-Definition für einen Stil von Gino Zantarelli können schon einmal weit über 7000 Codezeilen beinhalten, wird eine gewisse Codezeile gesucht so kann die eingebaute (aber versteckte) Suchfunktion im Codemirror Editor aufrufen und benutzt werden.

    Möchten Sie die Suchfunktion nutzen, so gehen Sie wie folgt vor:


    1. Öffnen Sie im Administrator Control Panel (ACP) des WSC 6 / WSC 5 / WSC 3 den Pfad ANPASSUNG > STILE > IHREN STIL.

    2. Gehen Sie nun auf das Register ERWEITERTE EINSTELLUNGEN, dort findet man dann das obere Eingabefenster "Individuelles CSS und SCSS" mit den bereits eingefügten CSS-Anpassungen des Stilerstellers. Heben Sie den evtl. aktiven Schreibschutz auf, sonst werden ihre getätigten Anpassungen später nicht übernommen!

    3. Klicken sie in das Eingabefenster oben links und drücken dann die Tastenkombination STRG + F, es öffnet sich ein kleines Eingabefenster für ihre Suchanfrage.

    4. Geben sie in das Eingabefenster ihren gesuchten Code ein und drücken danach die Taste ENTER, ist der gesuchte Code vorhanden so wird dieser im Fenster gelb markiert angezeigt.

    4. Werden mehrere Stellen ihres eingegebenes CSS-Codes gesucht, dann nutzen sie die Tastenkombination STRG + G um zum eventuell nächsten Suchergebnis zu gelangen. Auch in Templates kann diese praktische Suchfunktion genutzt werden.

  • Wie entferne ich externe GoogleFonts-Einbindungen aus einem Stil
  • Viele unserer Produkte haben in der CSS-Definition des Stils eine direkte Einbindung von GoogleFonts, welche rechtlich doch sehr umstritten ist trotz Inkludierung in der Datenschutzerklärung. Um sich vor evtl. Abmahnungen zu schützen sollte man selber diese Einbindung entfernen da das aktuelle WSC ein eigenes Hosting der Schriftart unterstützt. Um die evtl. eingebunde GoogleFont-Schriftart zu entfernen gehen sie wie folgt vor:


    1. Öffnen Sie im Administrator Control Panel (ACP) des WSC 6 / WSC 5 / WSC 3 den Pfad ANPASSUNG > STILE > IHREN STIL.

    2. Gehen Sie nun auf das Register ERWEITERTE EINSTELLUNGEN, dort findet man dann das obere Eingabefenster "Individuelles CSS und SCSS" mit den bereits eingefügten CSS-Anpassungen des Stilerstellers. Heben Sie den evtl. aktiven Schreibschutz auf, sonst werden ihre getätigten Anpassungen später nicht übernommen!

    Suchen & entfernen sie die die eingebundene GoogleFont-Codezeile unter dem Abschnitt === Basics === im oberen Teil der CSS-Definitionen welche ungefähr so aussieht:

    ACHTUNG: Achten sie darauf das die zu verwendete Schriftart in den Stileinstellungen unter dem Register GLOBALE EINSTELLUNGEN > SCHRIFTART eingetragen ist. Hier im Beispiel wäre die Schriftart Open Sans.

  • Wo bearbeitet man mitgelieferte Templates in WSC 6 / WSC 5 / WSC 3-Stilen von Gino Zantarelli
  • Diverse WSC 6 / WSC 5 / WSC 3-Stile von Gino Zantarelli verwenden spezielle Templateanpassungen um Erweiterungen oder Verbesserungen in Stilen zu erzeugen. Möchten Sie die Templateinhalte für ihre eigenen Zwecke anpassen, so gehen Sie wie folgt vor:


    1. Öffnen Sie im Administrator Control Panel (ACP) ihres WSC 6 / WSC 5 / WSC 3 den Pfad ANPASSUNG > TEMPLATES.

    2. Wählen Sie im linksseitigen Auswahl-Feld der Filterfunktion die verwendete Templategruppe des Stils aus und drücken auf den Button "Absenden".

    3. Es öffnet sich eine Liste die verwendete Templates der ausgewählten Templategruppe anzeigt, diese kann man nun manuell bearbeiten.

    ACHTUNG: Vorher den Original Inhalt SICHERN (z. Bspl. als txt-Datei auf ihrem PC)!