Dies soll euch mehr oder weniger die Grundlagen vom Launcher Modding erklären.
Doch zuerst: Dieser Thread wird noch ausgebaut! Keine Sorge da kommt schon noch einiges mehr.
Bevor ihr wieder rumflamet: "Wieder so ein sinnloser Thread!". Mir ist es egal ob ihr es braucht oder nicht, ich möchte Leuten helfen die es brauchen! Während der Thread noch nicht vollständig ist kann ja auch jeder mal selbst in den Ordnern rumschnüffeln und sich ein paar Bilder anschauen und verändern.
-
Zuerst benötigt ihr ein beliebiges Bildbearbeitungsprogramm, z.B.: Paint.net, GIMP, Photoshop.
Alles spielt sich in folgendem Ordner ab.
League of Legends\html
Im Ordner "images" findet ihr den Hintergrund, die Buttons und den Ladebalken
| Beschreibung | Bild |
|---|---|
| Hintergrundbild | de-DE\background.jpg |
| Play Button | de-DE\play_sprite.png |
| Logs Button | de-DE\logs_sprite.png |
| Options Button | de-DE\options_sprite.png |
| Schließen Button | exit_sprite.png |
| Minimieren Button | minimize_sprite.png |
| Ladeanimation | loading.gif |
| Ladebalken | progressbar.jpg |
Im Ordner "css" findet ihr die Größe der Bilder, die Position der Bilder, die Namen der Datein, die Textfarbe und Textart.
| Beschreibung | Datei |
|---|---|
| größen, Schriften, positionierung | common.css |
| Bildpfade | de-DE\local.css |
Im Ordner "js" befinden sich verschiedene Javascripte mit denen ihr z.B. die Funktionen der Buttons ändern könnt oder gar selbst welche hinzufügen.
1. Bilder
Die meisten Bilder sollten selbsterklärend sein. Dabei probiert man einfach aus und schaut was passiert, falls jemanden etwas besseres hierzu einfallen sollte bitte schreiben.
2. CSS
Hier wird es interessant. Mithilfe von CSS (cascading style sheet) könnt ihr die Buttons, Onlineanzeige, News verschieben, vergrößern und verkleinern.
Wenn ihr euch nun die common.css anschaut werdet ihr zuerst mit vielen Eigenschaften bombardiert, doch da die meisten sich wiederholen ist es ganz einfach seiner Kreativität freien lauf zu lassen.
Diese Tabelle sollte euch die häufigsten Begriffe näher bringen.
| Eigenschaft | Beschreibung |
|---|---|
| height | höhe des Objektes |
| width | breite des Objektes |
| top | wie weit ist das Objekt vom oberen Rand entfernt |
| bottom | wie weit ist das Objekt vom unteren Rand entfernt |
| left | wie weit ist das Objekt vom linken Rand entfernt |
| right | wie weit ist das Objekt vom rechten Rand entfernt |
| color | Farbe des Objektes -  |
Damit sollte sich schon eine Menge anfangen lassen
Sollte ihr weitere Eigenschaften + Beschreibung wissen wollen, Google, einen Member oder mich fragen.
3. Javascript
Folgt
~ FaiL
