PDA

View Full Version : [How To] Tutorial: Skin selber erstellen



El_Presidente
23.10.2015, 15:52
In diesem Tutorial werden einige wichtige Punkte angesprochen die Ihr wissen solltet um einen eigenen Skin zu erstellen.

Was ist ein Skin?
Skins ändern das Aussehen des Spiels, hier ein paar Beispiele:

http://bilderupload.xorbit.de/upload/thumb/11.pnghttp://bilderupload.xorbit.de/upload/thumb/8.pnghttp://bilderupload.xorbit.de/upload/thumb/7.png

Wie erstelle ich so einen Skin?
Als erstes braucht ihr einen Ordner der im Internet erreichbar ist.
Hierfür gibt es viele Freehoster

Mit FTP geht ihr nun auf eure "Webseite" und erstellt einen Ordner, nennen wir ihn "Skin1".
In diesen Ordner kommt nun der Skin rein.

1.) Bilder:

Im Ordner "Skin1" erstellen wir einen Ordner "gebaeude", hier kommen alle Bilder zu Gebäuden, Schiffe, Verteidigungsanlagen und Forschungen rein.
Die Bilder müssen im .gif Format sein (egal ob animiert oder nicht).

Die Namensgebung der Bilder findet ihr im Game, indem Ihr, auf ein Bild rechts klickt und dann entweder "Bild in neuem Tab öffnen" oder "Element untersuchen" drückt.
Nicht wundern, sind alles Zahlen.

Auflösung von 130x130px

Nun erstellen wir im Ordner "Skin1" einen Ordner "images", hier kommt deuterium.gif, energie.gif, kristall.gif, message.gif und metall.gif rein.
Das sind die Bilder die in der oberen Leiste zu sehen sind.

als nächstes brauchen wir einen "img" Ordner, wieder im "Skin1" Ordner.
dort kommt eine m.gif und eine b.gif rein. Das sind die beiden Bilder in der Statistik für Nachricht schreiben und Buddyliste.
auch die Hintergründe fürs Menü Links und die Seite kommen dort rein:
menu.jpg, background.jpg

als letzten Ordner brauchen wir noch einen "planeten" Ordner im "Skin1"
Hier kommt debris.jpg (Trümmerfeld), mond.jpg, mond01.jpg, mond02.jpg, mond03.jpg, mond04.jpg sowie die Planeten rein.
Die Planeten gibt es als:
dschjungelplanet01.jpg - dschjungelplanet10.jpg
eisplanet01.jpg - 10
gasplanet01.jpg - 10
normaltempplanet01.jpg - 10
trockenplanet01.jpg - 10
wasserplanet01.jpg - 10
wuestenplanet01.jpg - 04

Auflösung von 350x350px wäre gut.

dann kommt in den Ordner "planeten" noch ein Ordner "small" rein.
Hier kommen alle Bilder noch mal rein, nur kleiner und mit "s_" vor dem Namen.

Auflösung von 88x88px


In allen Fällen können auch größere Auflösungen genutzt werden, diese werden dann runter skaliert.

2.) CSS

Nun kommen wir zum eigentlichen Skin.
Im Ordner "Skin1" müssen wir jetzt eine Datei namens default.css und eine namen formate.css erstellen.

Hier zwei Beispiele:
default.css
1. https://pastebin.com/3UwHZXjC
2. https://pastebin.com/FN4Xd6pQ

formate.css
1. https://pastebin.com/wbBKvWNS
2. https://pastebin.com/bkUGjiDk

Wie ihr seht sind nur HTML & CSS Kenntnis gefragt.

https://wiki.selfhtml.org/wiki/Startseite und http://www.css4you.de/ sind zwei gute Seiten um Kenntnise über HMLT & CSS zu erhalten.

Ihr könnt einen der beiden Skins als Grundlage für euren Hernehmen, einen Ogame Skin suchen und auf dessen Basis einen Schaffen oder komplett bei Null anfangen.
Einige Skins könnt ihr in der Skins Liste (http://forum.xorbit.de/showthread.php/1778-Skins-Liste) finden.

OGame Skins vor Redesign sind bekanntlich bei uns auch kompatibel.

Ein Spieler ist letztens auf http://ogame-skins.sourceforge.net/download.php gestoßen, dort gibt es eine kommentierte CSS-Datei:
"Commented 0.84-compatible formate.css" in English.
Evtl. hilft die jemanden der einen eigenen Skin machen möchte.

Eigene Skins macht man am besten auf Basis eines anderen Skins.

Neue Schiffe, Gebäude u. Co. müssen natürlich ergänzt werden.