Weiterempfehlen Leserbrief
10.03.2006

Neue Designs für die erfolgreiche iTunes-Alternative

Tutorial: Skins für den Songbird entwerfen

Fabian Parusel

Lange wurde die Alternative zu Apples iTunes von Musikfans erwartet. Die Preview von Songbird ist jetzt erst einen guten Monat online verfügbar und schon werden Stimmen nach Skins für den Player laut. Wie die Skins aufgebaut sind und mit welchen Mitteln sie umgebaut werden können, erklärt dieses Tutorial.

Inhaltsverzeichnis

Erfahrung mit CSS, HTML und Grafiken

Ein bisschen Erfahrung mit Programmcode sollten Sie mitbringen, egal ob HTML, Java oder eine andere Sprache. Die Skins sind recht einfach aufgebaut. Die Oberfläche besteht ähnlich wie ein Mosaik aus vielen kleinen Bildchen. Diese Bilder liegen in einem bestimmten Ordner in dem Skin-Verzeichnis. Zu finden sind die vorinstallierten Skins im Programmordner des Songbird. Dort befindet sich ein Ordner namens Chrome, in dem beide Skins liegen. Machen Sie ein Backup von den Skins, bevor Sie die Dateien verändern.

Die einzelnen Bilder bilden die Oberfläche des Players. Insgesamt sind es 156 kleine Grafiken. Um eine komplett neue Oberfläche zu gestalten muss jedes einzelne Bild verändert werden. Das kostet Zeit und viel Geduld. Um einmal einen Überblick über die Aufteilung des Players zu bekommen, hat netzwelt jedes Bild einmal durch eine Routine laufen lassen. Dabei wurden einfach zwei von drei Grundfarben ausgetauscht. In unserem Fall gelb und rot. Daraus entstand eine grüne Oberfläche an der an einigen Stellen noch rote Flecken durchkommen.

Ein Mosaik aus vielen Teilen

Nachdem die Oberfläche aus den Bildern neu zusammengesetzt wurde, muss die CSS-Datei an die neuen Farben angeglichen werden. Die neue grüne Oberfläche wird noch von roten Flecken durchzogen. Die Suchmaske und die Menüleiste fallen am deutlichsten ins Auge. Diese Farbeigenschaften sind in der CSS-Datei gespeichert, die im Hauptpfad der Skin liegt. Diese Datei wird mit einem Notepad geöffnet und kann dann bearbeitet werden.

SONGTUT

Für Großbildansicht auf ein Bild klicken.

Druckversion | Links zum Artikel | Kommentare

1 | 2 | 3 | 4 weiter »

Mehr über: Software, Audiosoftware, Tutorial, Musik abspielen, Songbird, Styling-Software

Freeware der Woche: Songbird, der Musik-Manager
Multimediales MP3-Geflügel
Preview-Version von Songbird veröffentlicht
Ansturm überlastet Server
Freeware-Download: Songbird
Version 0.3 RC: Neu im Software-Archiv von netzwelt

Links zum Artikel

Jetzt sind Sie dran.
Kommentieren

News Flash, am 07.10.2008 11:31

Tutorial: Skins für den Songbird entwerfen

Was sagen Sie dazu?

Antworten

Tutorial: Skins für den Songbird entwerfen von netzwelt.de steht unter einer Creative Commons-Lizenz. Sie dürfen die Texte für nicht-kommerzielle Zwecke nutzen, bei Angabe und Verlinkung der Quelle "netzwelt.de".

Klicken Sie hier für weitere Informationen

Top Software

Freeware Toplisten

Best Of Freeware: Top Freeware für den Alltag

Gute Software muss nicht teuer sein. Netzwelt zeigt Ihnen die besten Freeware Programme Ihrer Zunft, alle kostenlos.

Best Of: Büro und Sicherheit

Best Of: Grafik und Multimedia

Best Of: Betriebssysteme

Top Vollversionen

Software im Portrait

Es gibt Programme, da führt kein Weg dran vorbei, auch für die netzwelt nicht. Wir widmen diesen Evergreens und Essentials ganze Specials, die jede noch so kleine Funktion unter die Lupe nehmen.

Anleitungen

Sie haben ein Problem, wissen aber weder mit welchem Programm Sie es lösen können noch wie Sie es später anwenden. Netzwelt klärt Sie in mehr als 100 Anleitungen auf.