Style: Unterschied zwischen den Versionen

aus FreewarWiki, der Referenz für Freewar
Zur Navigation springen Zur Suche springen
(rpdbjva rgzvzyf)
Zeile 1: Zeile 1:
{{UV|Chrome / Webkit fehlen, Vor-Nachteile von lokalen Styles}}
maghggxxjlj, <a href="http://www.beginforex.co.uk/">Forex trading with $5000</a>, wPSXYnh, [url=http://www.beginforex.co.uk/]Online currency forex trading[/url], NLwLpNo, http://www.beginforex.co.uk/ Trend forex trading, QpaLXPf.
{{Definition|[[Datei:Pinsel.gif]]|Styles}}
[[Datei:AufteilungOriginal.jpg|thumb|320px|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 ==
[[Datei:Cord.jpg|thumb|320px|Guild Wars Skin von [[Benutzer:Teodin|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#Liste_aller_Styles_im_Forum|Style-Bereich]] des Freewar-Forums und zum anderen die [[Style#Tiramons_Stylesammlung|Stylesammlung]] von [[Tiramon]], ausserdem kann man in der [[:Kategorie:Styles | 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:
* [[Style:Cold Sunfire | ''Cold Sunfire'']], der standardmäßig eingestellte Style bei der Erstanmeldung
* [[Style:Klassik | ''Klassik'']], welcher eine schlichte, größtenteils schwarz-weiße Benutzeroberfläche bereitstellt und somit das Aussehen Freewars [[#Geschichte|vor der Einführung]] des Stylesheet-Supports repräsentiert
* [[Style:Mittelalter | ''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 | Kategorie Styles]].
 
=== Liste aller Styles im Forum ===
Im [[Forum]] findet man eine von [[Benutzer:Teodin|Teodin]] erstelle [http://forum.freewar.de/viewtopic.php?t=8001 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 [http://forum.freewar.de/viewforum.php?f=18 Stylebereich] des Forums alle vorgestellten Styles anschauen und sich auch so einen aussuchen.
 
=== Tiramons Stylesammlung ===
Auf [http://freewar.tiramon.de/index.php?site=styles 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 [[Style#Styles_von_der_Festplatte_aus_nutzen| 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 ==
{{ToDo|Abschnitt <i>Eigenen Style schreiben</i> entweder mit Inhalt füllen oder löschen --[[Benutzer:Arbiedz|Arbiedz]] [[Benutzer Diskussion:Arbiedz|<sup>Disku</sup>]] 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]].
<!--Lady Biene liefert in ihrem Forum eine kleine [http://dabombas.herzenslicht.net/index.php?board=65 Anleitung zur Erstellung von Styles].(Link nicht erreichbar)-->
<!-- Error 404, 15.09.2012, Arbiedz
Eine weitaus einfachere Methode stellt [http://lorana.lo.funpic.de/style/index.php Loranas Stylegenerator] dar. -->
 
== Styles von der Festplatte aus nutzen ==
=== Mozilla und Firefox allgemein ===
{|
|-
|style="border: 3px inset #04B612;"|<big>Anleitung gilt für die '''aktuelle''' http://upload.wikimedia.org/wikipedia/commons/thumb/e/e7/Mozilla_Firefox_3.5_logo_256.png/20px-Mozilla_Firefox_3.5_logo_256.png '''Version''' unter '''Windows'''</big>
|-
|}
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.&nbsp;B. unter <code>C:/Freewar/Style.css</code>. Nun Firefox oder Seamonkey (oder Mozilla) schließen und in die Anwendungsdaten gehen. Diese findet ihr bei Firefox normalerweise unter <code> C:\Dokumente&nbsp;und&nbsp;Einstellungen\Benutzername\Anwendungsdaten\Mozilla\Firefox\Profiles\Default\</code> und bei Seamonkey unter <code> C:\Dokumente&nbsp;und&nbsp;Einstellungen\Benutzername\Anwendungsdaten\Mozilla\Profiles\default</code> 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 &rarr; Ordneroptionen &rarr; Ansicht &rarr; Versteckte Dateien und Ordner &rarr; Alle Dateien und Ordner anzeigen''. In dem Ordner des Profils - dieser kann auch anders als Default heißen -, sollte eine Datei namens <code>Prefs.js</code> 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", "http://welt1.freewar.de http://welt2.freewar.de http://welt3.freewar.de http://welt4.freewar.de http://welt5.freewar.de http://welt6.freewar.de http://welt7.freewar.de http://welt8.freewar.de http://welt9.freewar.de http://welt10.freewar.de http://welt11.freewar.de http://welt12.freewar.de http://welt13.freewar.de http://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 &rarr; Style ändern &rarr; Lokale CSS Datei'' <code>file://C:/Freewar/Style.css</code> 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 ===
{|
|-
|style="border: 3px inset #04B612;"|<big>Anleitung gilt für http://upload.wikimedia.org/wikipedia/commons/thumb/e/e2/Google_Chrome_icon_%282011%29.svg/20px-Google_Chrome_icon_%282011%29.svg.png '''Version 22.0.1229.94 m''' unter http://upload.wikimedia.org/wikipedia/commons/thumb/5/5f/Windows_logo_-_2012.svg/20px-Windows_logo_-_2012.svg.png '''Windows 8''' und vergleichbare Konfigurationen.</big>
|-
|}
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 <code>Neues Textdokument.txt</code> erstellen und Folgendes hineinkopieren:
// ==UserScript==
// @name #Mein lokaler FW Style
// @description Styleordner hier zu finden: %localappdata%\Google\Chrome\User Data\Default\Extensions
//
* Dann <code>Neues Textdokument.txt</code> in <code>Lokaler_FW_Style.user.js</code> umbenennen.
* Nun im Google Chrome Browser ober rechts auf http://s14.directupload.net/images/user/121014/xrlye5k7.png '''&rarr; Tools &rarr; Erweiterungen''' gehen. Und den Haken bei http://s1.directupload.net/images/user/121014/pcp2sj9d.png setzen.
* Jetzt das Chrome-Fenster verkleinern (falls voher auf Vollbild) und die vorher erstellte <code>Lokaler_FW_Style.user.js</code> per [[wikipedia:de:Drag_and_Drop|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
http://s1.directupload.net/images/user/121014/oht38fus.png einfügen und dann ENTER drücken.
* Die gewünschte <font color="#3A01DF"><code>Style.css</code></font> Datei in den Ordner <code>1.0_0</code> verschieben, welcher sich in den Ordner bei dem der Name der '''<font color="#FF0000">ID</font>''' der zu Anfang erstellten '''#Mein lokaler FW Style - Chrome Erweiterung''' entspricht befindet.
http://s1.directupload.net/images/user/121014/q4p4f7ud.png
* Zu guter Letzt in Freewar einloggen und unter '''Einstellungen &rarr; Style ändern &rarr; Lokale CSS Datei'''
chrome-extension://<font color="#FF0000">gmcnkgkphdjebemmicghmdbmngafdpna</font>/<font color="#3A01DF"><code>Style.css</code></font>
eingeben. (Wobei ''''<font color="#FF0000">gmcnkgkphdjebemmicghmdbmngafdpna</font>'''' der '''<font color="#FF0000">ID</font>''' der zu Anfang erstellten '''#Mein lokaler FW Style - Chrome Erweiterung''' und '''<font color="#3A01DF"><code>Style.css</code></font>''' 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 ===
{|
|-
|style="border: 3px inset #04B612;"|<big>Anleitung gilt für die '''aktuelle''' http://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/Opera_O.svg/20px-Opera_O.svg.png '''Version''' unter '''Windows'''</big>
|-
|}
<div style="float:right;">http://s14.directupload.net/images/120308/plpqsgmx.png</div>
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:
<tt><nowiki>file://localhost/C:/PFAD/ZUM/STYLE/style.css</nowiki></tt> ''(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 ===
{|
|-
|style="border: 3px inset #04B612;"|<big>Anleitung gilt '''bis''' http://upload.wikimedia.org/wikipedia/en/thumb/9/95/Internet_Explorer_9.png/20px-Internet_Explorer_9.png '''Version 9'''</big><ref>[http://forum.freewar.de/viewtopic.php?f=18&t=37931&p=1020588#p1020588]</ref>
|-
|}
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 <tt>C:/Ordner/style.css</tt>.
 
=== Netscape ===
{|
|-
|style="border: 3px inset #FF0000;"|<big>Es wird davon abgeraten den http://upload.wikimedia.org/wikipedia/en/thumb/4/48/Netscape9logo.png/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.'''</big>
|-
|}
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 [http://forum.freewar.de/viewtopic.php?f=18&t=37931 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 '''WAMP'''s<ref>[http://en.wikipedia.org/wiki/Comparison_of_WAMPs Windows-Apache-MySQL-PHP Pakete (englisch)]</ref>, und somit kann man Pfadangaben wie <tt><nowiki>http://localhost/...</nowiki></tt> 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 [[#Standardstyles|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 [http://forum.freewar.de/viewtopic.php?f=18&t=27171 Style-FAQ] im Forum.
 
== Quellenverzeichnis ==
<references />
 
[[Kategorie:Allgemeines]]
[[Kategorie:Styles|!]]

Version vom 21. Dezember 2013, 02:21 Uhr

maghggxxjlj, <a href="http://www.beginforex.co.uk/">Forex trading with $5000</a>, wPSXYnh, [url=http://www.beginforex.co.uk/]Online currency forex trading[/url], NLwLpNo, http://www.beginforex.co.uk/ Trend forex trading, QpaLXPf.