[ Quick-Tipp #04 ] Design anpassen

[BrutalHarmony]

Anforderung:
- Ich möchte ein frisches Design für Unraid, das am Ende wie folgt aussieht:

Statt:

 

soll es so aussehen:

- Dabei werden der Banner und das Unraid-Logo oben links getauscht, auch wird das Design durch ein Custom Design namens "Unraider" ausgetauscht.

 

Benötigt:
- Das Plugin User Scripts
- Das Plugin Theme Engine
- Das Plugin Dynamix File Manager
- Die entpackte Unraider.zip-Datei aus dem Anhang mit den 4 Dateien:
OS_Banner.png
UN-logotype-gradient.svg
Unraider-black.cfg
Unraider-black.css
 

Lösung:

1. Wir klicken im Dashboard auf "EINSTELLUNGEN", danach auf "ANZEIGEEINSTELLUNGEN".

2. Bei "Banner anzeigen" klicken wir auf "JA".

3. Daraufhin erscheint ein Standardbanner, auf das wir klicken.
 

 

4. Im darauffolgenden Fenster wählen wir die Datei "OS_Banner.png" aus dem entpackten Archiv aus und bestätigen dies.

5. Bei "Banner-Überblendung anzeigen" wählen wir "NEIN" aus.

6. Wieder zurück im Dashboard klicken wir oben in der Menüleiste auf "START".

7. Wir scrollen herunter, bis wir unseren Unraid-USB-Stick sehen.
 

 

8. Dort klicken wir auf das Icon mit dem Pfeil rechts davon, sodass wir auf das Verzeichnis des USB-Sticks gelangen.

9. Wir navigieren uns durch die Verzeichnisse "config" weiter zu "plugins" und in den Ordner "theme.engine". Hier öffnen wir den Ordner "themes".

10. Rechts unten klicken wir auf "Hochladen" und wählen die Datei "Unraider-black.cfg" aus, die wir mit "OK" hochladen.

11. Rechts unten klicken wir erneut auf "Hochladen" und wählen diesmal die Datei "Unraider-black.css" aus, die wir ebenfalls mit "OK" hochladen.

12. Nach erfolgreichem Upload wechseln wir oben in der Unraid-Menüleiste in den Bereich "EINSTELLUNGEN" und klicken hier "THEME ENGINE" an.

 

 

13. Bei "Theme Name:" wählen wir rechts "Unraider-black" aus.

 

14. Wir bestätigen mit "LOAD", scrollen ganz herunter und klicken auf "APPLY", danach auf "DONE".

15. Schon haben wir eine Designveränderung. Jetzt machen wir uns an das Logo oben links.

16. Dazu gehen wir wieder in der Unraid-Menüleiste auf "START" und scrollen herunter, bis wir wieder unseren Unraid-USB-Stick sehen.

 

17. Dort klicken wir wieder auf das Icon rechts davon, sodass wir auf das Verzeichnis des USB-Sticks gelangen.

18. Hier erstellen wir diesmal einen neuen Ordner, indem wir unten rechts auf "ERSTELLEN" klicken.
Diesen benennen wir "icon".

 

 

19. Wir navigieren auch in diesen Ordner und klicken auf "HOCHLADEN".
 

 

20. Aus der entpackten "Unraider.zip"-Datei wählen wir die "UN-logotype-gradient.svg"
und bestätigen, damit diese Datei hochgeladen wird.
 

 

21. Wieder zurück zu den "PLUGINS" und hier "USER SCRIPTS" auswählen.
 

 

22. Unten auf "ADD NEW SCRIPT" klicken.

23. Dieses Script benennen wir im nachfolgenden Fenster mit
 

Logo ersetzen

 

 

24. Danach auf "EDIT DESCRIPTION" klicken und folgenden Text eingeben,
den wir nach Eingabe durch Klick auf den grünen Haken bestätigen:
 

Ersetzt das Standard- durch ein Custom-Logo.

 

25. Danach auf "EDIT SCRIPT" klicken und hier folgendes eintragen und mit "SAVE CHANGES" bestätigen:
 

# Hauptlogo UN-logotype-gradient.svg
cp /boot/icon/UN-logotype-gradient.svg /usr/local/emhttp/plugins/dynamix/images/UN-logotype-gradient.svg

 

26. Bei "SCHEDULE DISABLED" wählen wir "At Startup of Array" aus.

27. Unten bestätigen wir zuerst mit "APPLY", dann auf "DONE".

28. Nun starten wir unseren Server neu und erfreuen uns eines frischen Designs.
 

Falls du ein anderes Banner möchtest, kannst du die Datei "OS_Banner.png" selbst verändern (z.B. mit Photoshop). Es darf jedoch die Dateiformatgröße bzw. die "Zeichenfläche" nicht verändert werden. Diese beträgt 1280x90 Pixel. Auch die "UN-logotype-gradient.svg" kannst du deinen Bedürfnissen anpassen (ich empfehle hierzu Adobe Illustrator). Auch hier bitte die Dateigröße bzw. die "Zeichenfläche" nicht verändern. Ersetze die alten Dateien einfach mit deinen neuen Dateien und starte den Server neu.
 

Viel Erfolg!

---

 

Unraider.zip

Edited June 2 by BrutalHarmony