Results 1 to 1 of 1

Thread: Tutorial: Skin selber erstellen

Threaded View

Previous Post Previous Post   Next Post Next Post
  1. #1
    Erfahrener Benutzer El_Presidente's Avatar
    Join Date
    11.06.2012
    Location
    München
    Posts
    4,974
    Post Thanks / Like

    Idee Tutorial: Skin selber erstellen

    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:



    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 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.
    Last edited by Bauherr; 15.04.2021 at 17:18.

Similar Threads

  1. Wer das mal in seinen Skin Packen will.
    By Maxi Fischer in forum Graphics / Artworks / Skins
    Replies: 0
    Last Post: 25.10.2015, 12:46
  2. Tutorial: Skin selber erstellen
    By El_Presidente in forum Graphics / Artworks / Skins
    Replies: 1
    Last Post: 23.10.2015, 15:52
  3. Alternativ Skin
    By El_Presidente in forum Graphics / Artworks / Skins
    Replies: 4
    Last Post: 25.04.2015, 01:31

Marcadores

Marcadores

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •