Style

aus FreewarWiki, der Referenz für Freewar
(Weitergeleitet von Skin)
Zur Navigation springen Zur Suche springen
Achtung!
Dieser Artikel ist unvollständig. Bitte ergänze die fehlenden oder berichtige die unsicheren, mit einem ? versehenen Angaben (Preise von Items, fallengelassenes Gold von NPCs, etc.).

Chrome / Webkit fehlen, Vor-Nachteile von lokalen Styles

 
Style
[Kategorie]
Freewar-Ansicht mit Standardstyle Cold Sunfire

Die Ansicht von Freewar lässt sich benutzerdefiniert ändern. Dazu benötigt man eine kleine Textdatei, die dann über die Einstellungen eingebunden wird. Diese Datei, sowie das dadurch veränderte Aussehen, nennt man Style oder Skin.

Fertigen Style aussuchen

Guild Wars Skin von Teodin

Die Styles, die bereits von anderen Spielern fertig gestellt wurden, kann man sich auf verschiedenen Seiten anschauen und einen, für sich passenden, aussuchen. Zum einem gibt es den Style-Bereich des Freewar-Forums und zum anderen die Stylesammlung von Tiramon, ausserdem kann man in der Kategorie Styles des FWWikis fündig werden.

Standardstyles

Freewar besitzt fünf Standardstyles (präziser: drei Standardstyles und zwei Variationen von je einem dieser). Diese sind:

  • Cold Sunfire, der standardmäßig eingestellte Style bei der Erstanmeldung
  • Klassik, welcher eine schlichte, größtenteils schwarz-weiße Benutzeroberfläche bereitstellt und somit das Aussehen Freewars vor der Einführung des Stylesheet-Supports repräsentiert
  • Mittelalter als Erweiterung des Klassikstyles um einige mittelalterliche Hintergrundbilder

Die Styles Cold Sunfire und Mittelalter sind jeweils in einer Big-Font-Variation verfügbar, in der sämtliche Texte in größerer Schrift dargestellt werden.

Um die Standardstyles zu verwenden, muss kein Style-Pfad ausgewählt werden, vielmehr werden sie in einer Auswahlliste über dem Eingabefeld für eine manuelle URL angeboten. Letzteres muss beim Einstellen leer sein, um den ausgewählten Standardstyle einzustellen.

Gelistete Styles im FWWiki

Auch das Freewar-Wiki verfügt über eine Styleliste. Du findest diese in der Kategorie Styles.

Liste aller Styles im Forum

Im Forum findet man eine von Teodin erstelle Liste aller Styles, die die gesammelten Styles des Forums in folgende Kategorien einteilt:

  • Landschaften
  • Spiel/Film/Band/Stars/andere Personen
  • Tiere
  • Sonstiges

Zu dem kann man sich im Stylebereich des Forums alle vorgestellten Styles anschauen und sich auch so einen aussuchen.

Tiramons Stylesammlung

Dieser Artikel beschreibt einen veralteten Zustand oder ein nicht mehr existierendes Objekt. Er dient einzig historiographischem Zweck:
Stylesammlung existiert nicht mehr

Auf Tiramons Seite gibt es eine Sammlung von Styles, die man nach dem Ersteller und dem Titel des Styles durchsuchen kann. Das besondere an dieser Sammlung ist, dass man die Styles bewerten kann und die Ergebnisse der Suche nach der durchschnittlichen Bewertung der einzelnen Styles ausgegeben werden.

Gewählten Style verwenden

In seinen Einstellungen kann man unter dem Punkt Style ändern neben einem der 5 Standard-Styles einen eigenen angeben, der entweder lokal oder auf einem Webspace gelagert ist. Nach dem man die passende Adresse in das Eingabefeld eingegeben hat, drückt man auf Ändern und kann den neuen Style geniessen.

Eigenen Style schreiben

Hier wartet noch Arbeit!
Abschnitt Eigenen Style schreiben entweder mit Inhalt füllen oder löschen --Arbiedz Disku 15:30, 15. Sep. 2012 (CEST)

Wenn alle bereits existierenden Styles nichts für einen sind oder man einfach mal selbst versuchen möchte einen Style zu erstellen, muss man einiges beachten, denn einen solchen Style zu schreiben ist nicht ganz einfach. Man benötigt vor allem Kenntnisse in CSS.

Styles von der Festplatte aus nutzen

Mozilla und Firefox allgemein

Anleitung gilt für die aktuelle 20px-Mozilla_Firefox_3.5_logo_256.png Version unter Windows

Auch im Mozilla kann man Styles von der Festplatte aus benutzen. Bei manchen Usern funktioniert es einfacher, aber auf diesem Wege sollte es bei jedem klappen. Speichert den Style auf der Festplatte ab, z. B. unter C:/Freewar/Style.css. Nun Firefox oder Seamonkey (oder Mozilla) schließen und in die Anwendungsdaten gehen. Diese findet ihr bei Firefox normalerweise unter C:\Dokumente und Einstellungen\Benutzername\Anwendungsdaten\Mozilla\Firefox\Profiles\Default\ und bei Seamonkey unter C:\Dokumente und Einstellungen\Benutzername\Anwendungsdaten\Mozilla\Profiles\default finden. Solltet ihr nicht in den Ordner Anwendungsdaten kommen, sind auf eurem PC vermutlich die versteckten Ordner ausgeblendet. Einblenden könnt ihr sie über Extras → Ordneroptionen → Ansicht → Versteckte Dateien und Ordner → Alle Dateien und Ordner anzeigen. In dem Ordner des Profils - dieser kann auch anders als Default heißen -, sollte eine Datei namens Prefs.js sein. Klickt mit der rechten Maustaste darauf und wählt Bearbeiten aus. Fügt in diese Datei entweder ganz unten oder in alphabetisch korrektem Abstand folgende Zeilen hinzu:

user_pref("capability.policy.localfilelinks.checkloaduri.enabled", "allAccess");
user_pref("capability.policy.localfilelinks.sites", "https://welt1.freewar.de https://welt2.freewar.de https://welt3.freewar.de https://welt4.freewar.de https://welt5.freewar.de https://welt6.freewar.de https://welt7.freewar.de https://welt8.freewar.de https://welt9.freewar.de https://welt10.freewar.de https://welt11.freewar.de https://welt12.freewar.de https://welt13.freewar.de https://welt14.freewar.de http://rp.freewar.de http://action.freewar.de/");
user_pref("capability.policy.policynames", "localfilelinks");
user_pref("security.checkloaduri", false);

Anschließend speichert ihr die Datei. Nun könnt ihr Firefox wieder öffnen, loggt euch in Freewar ein und gebt unter Einstellungen → Style ändern → Lokale CSS Datei file://C:/Freewar/Style.css ein.

Ein Hinweis für Spieler, die die Erweiterung NoScript für Firefox benutzen : Selbst wenn ihr alles richtig eingestellt habt, müsst ihr noch eine kleine Einstellung in NoScript vornehmen. Tippt dafür about:addons in die Adressleiste ein (oder alternativ oben links auf [Firefox] -> [Add-ons], wählt im Reiter [Erweiterungen] und anschließend NoScript aus und öffnet die [Optionen]. Klickt euch durch die Reiter [Erweitert] -> [Vertrauenswürdig] und aktiviert die letzte Option Lokale Links erlauben. Bestätigt das noch mit einem Klick auf [OK].

Google Chrome

Anleitung gilt für 20px-Google_Chrome_icon_%282011%29.svg.png Version 22.0.1229.94 m unter 20px-Windows_logo_-_2012.svg.png Windows 8 und vergleichbare Konfigurationen.

Durch das strenge Sicherheitskonzept von Google Chrome, ist es dem Browser nicht möglich von selbst direkt auf lokale Dateien zuzugreifen. Um trotzdem in den Genuss zu kommen lokale Styles einbinden zu können muss man sich hier eines Tricks behelfen. Man erstellt sich eine eigene Chrome Erweiterung und fügt dann den gewünschten Style als Ressource hinzu. So kann der Browser auf lokale Dateien zugreifen ohne das das Sicherheitssystem dies behindert.

  • Als Erstes ein Neues Textdokument.txt erstellen und Folgendes hineinkopieren:
// ==UserScript==
// @name #Mein lokaler FW Style
// @description Styleordner hier zu finden: %localappdata%\Google\Chrome\User Data\Default\Extensions
//
  • Dann Neues Textdokument.txt in Lokaler_FW_Style.user.js umbenennen.
  • Nun im Google Chrome Browser ober rechts auf xrlye5k7.png → Tools → Erweiterungen gehen. Und den Haken bei pcp2sj9d.png setzen.
  • Jetzt das Chrome-Fenster verkleinern (falls voher auf Vollbild) und die vorher erstellte Lokaler_FW_Style.user.js per Drag'n'Drop in den Erweiterungen Tab von Chrome ziehen.
  • Chrome konvertiert nun das Userscript zu einer Chrome-Extensions.
  • In den Explorer wechseln und in der Adresszeile
%localappdata%\Google\Chrome\User Data\Default\Extensions

oht38fus.png einfügen und dann ENTER drücken.

  • Die gewünschte Style.css Datei in den Ordner 1.0_0 verschieben, welcher sich in den Ordner bei dem der Name der ID der zu Anfang erstellten #Mein lokaler FW Style - Chrome Erweiterung entspricht befindet.

q4p4f7ud.png

  • Zu guter Letzt in Freewar einloggen und unter Einstellungen → Style ändern → Lokale CSS Datei
chrome-extension://gmcnkgkphdjebemmicghmdbmngafdpna/Style.css

eingeben. (Wobei 'gmcnkgkphdjebemmicghmdbmngafdpna' der ID der zu Anfang erstellten #Mein lokaler FW Style - Chrome Erweiterung und Style.css dem gewünschten Style entspricht.)

  • Falls man sich entscheidet den Style nicht mehr auf diese Art nutzen zu wollen einfach auf das Papierkorbsymbol bei der Erweiterung klicken und vorher noch in den Freewar Einstellungen den Style ändern.

Opera

Anleitung gilt für die aktuelle 20px-Opera_O.svg.png Version unter Windows
plpqsgmx.png

Im Opera gibt es eine einfache Möglichkeit, einen Style seitenspezifisch einzustellen, d.h. der Style wirkt sich nur auf die Seite aus:

  • [Strg] + [F12] drücken (oder alternativ links oben auf das rote [O] klicken, dann auf [Einstellungen] und in dem geöffneten Menüfenster auf den Reiter [Einstellungen])
  • Über den Reiter [Erweitert...] auf Inhalte navigieren
  • Auf [Darstellungsoptionen...] klicken
  • Oben auf den Reiter [Darstellungsmodi] klicken
  • Alles so einstellen, wie im nebenan gezeigten Screenshot (links im Autorenmodus alles aktivieren, rechts im Benutzermodus Bedarf es keiner Änderung) und auf [OK] drücken
  • jetzt in der Welt, in der man den Style einstellen möchte, irgendwo mit der rechten Maustaste klicken, [Seitenspezifische Einstellungen...] auswählen und anschließend den Reiter [Anzeige]
  • Unten bei Eigenes Stylesheet auf [Auswählen...] klicken, das Stylesheet suchen (.css-Datei) und einstellen
  • nun in Freewar selbst den Style einstellen. Der Pfad dafür sieht in etwa so aus:

file://localhost/C:/PFAD/ZUM/STYLE/style.css (der Laufwerkbuchstabe C und der Dateiname style.css können selbstverständlich variieren)

  • Sollte man Schwierigkeiten bei der Pfadfindung haben, kann man auch [Strg] + [O] (oder alternativ [O] -> [Seite] -> [Öffnen...] drücken, den Style suchen (ggf. unten rechts auf Alle Dateien oder Stylesheets umstellen!) und öffnen und anschließend die URL komplett kopieren. Diese ist dann der Pfad zum Style, so wie Opera ihn haben möchte.

Internet Explorer

Anleitung gilt bis 20px-Internet_Explorer_9.png Version 9[1]

Wer mit dem Microsoft Internet Explorer spielt, dem werden beim Einbinden eines lokalen Styles keine Hindernisse in den Weg gelegt. Als Pfad akzeptiert er den lokalen Pfad mit /- statt \-Zeichen, also beispielsweise C:/Ordner/style.css.

Netscape

Es wird davon abgeraten den 20px-Netscape9logo.png noch zu nutzen da die Weiterentwicklung und Support für Netscape eingestellt wurden. Und so ein erhebliches Sicherheitsrisiko für das komplette System besteht.

Im Netscape Navigator muss die selbe Einstellung wie bei Mozilla gesetzt werden, um lokale Styles einbinden zu können. Allerdings kann man über die Adresse about:config die Einstellungen zwar anzeigen lassen, aber nicht abändern. Stattdessen muss man im Installationsordner von Netscape in den Unterordner defaults und dort in pref wechseln, und den Text security.checkloaduri manuell in der Datei all.js suchen. Dort ändert man den Wert true (in der gleichen Zeile!) in false um.

lokaler Server

Obwohl manche Spieler die Anleitungen Schritt für Schritt durchgehen, funktionieren auf einigen Systemen lokale Styles dennoch nicht. Das kann verschiedene Gründe haben. Als Alternative, die in so gut wie jedem Browser funktioniert, hat sich die Möglichkeit des lokalen Servers etabliert. Ein lokaler Server setzt einen kleinen, virtuellen Server auf dem Benutzersystem auf. Dadurch wird es dem Browser möglich, auf bestimmte Dateien in gewissen Ordnern zuzugreifen (abhängig vom verwendeten Server).

Lokale Server lassen sich auf verschiedene Arten einrichten:

  • als Browser-Plugin für Firefox, siehe dazu Forum
  • indem man einen lokalen Server installiert. Eine Möglichkeit dafür wird in dem oben verlinkten Thread genannt. Eine weitaus beliebtere Variante ist der Apache Server. Dieser ist ein freier Webserver im Paket mit XAMPP (http://www.apachefriends.org/de/xampp.html), WampServer (http://www.wampserver.com/en/) oder andere WAMPs[2], und somit kann man Pfadangaben wie http://localhost/... verwenden. Diese Möglichkeit ist jedoch nur erfahrenen Benutzern empfohlen, da die Installation des Servers kompliziert ist, Nebenwirkungen auf andere Programme haben kann (wie zum Beispiel Skype, welches standardmäßig den HTTP-Port 80 blockiert und damit die Ausführung des Apache verhindert, wenn man die Konfiguration nicht auf einen gültigen Alternativport ändert), und bei mangelnden Sicherheitsvorkehrungen auch unbefugtes Eindringen in den eigenen Computer erleichtern kann. Daher ist es empfehlenswert direkt nach der Installation und dem ersten Starten des Servers alle nötigen Sicherheitsvorkehrungen zu treffen.

Geschichte

Anfangs war es nicht möglich, das Aussehen von Freewar individuell anzupassen. Die Benutzeroberfläche hatte ein Aussehen, welches dem heutigen Klassik-Style ähnelte. Die Unterstützung von Styles wurde am 13. Dezember 2004 (Welt 1) hinzugefügt; seit diesem Datum ist auch Cold Sunfire der standardmäßig eingestellte Style. Der Mittelalter-Skin wurde zwei Tage später dazu implementiert.

Weiterführendes

Eine Zusammenfassung aller Wissenswerten Dinge zur Stylebenutzung und Erstellung, wie der genauen Forenthreads zu einzelnen Styleklassen oder wie man den richtigen Style für sich aussucht findest du in der Style-FAQ im Forum.

Quellenverzeichnis