Neue Designs für die erfolgreiche iTunes-Alternative
Tutorial: Skins für den Songbird entwerfen
Fabian Parusel
Mit CSS zum Wunschlayout
Für das Finish ist die Bearbeitung der CSS-Datei unumgänglich. In dieser Datei stecken die Farbinformationen für alle anderen Elemente. Das Menü auf der linken Seite und die Suchfunktion können so bearbeitet werden. In unserem Fall soll der Player generell rot abgesetzt bleiben. Aber noch wirkt er zu düster. In der CSS-Datei verbergen sich Farbcodes, die zum Beispiel so aussehen: #8F0000. Diese Codes müssen jetzt ausgetauscht werden.
Zunächst soll der Hintergrund des Menüs auf der linken Seite ebenfalls weiß werden. Vorher gibt es noch einen nützlichen Tipp der netzwelt. Auf Colourlovers.com finden Sie jeden Farbton über seinen Hexcode und sie können Farben suchen und sich den Hexcode ausgeben lassen. Nun aber zum Menü: Innerhalb der CSS-Datei wird es Service-Tree genannt. Der Hintergrund soll weiß werden und die Schrift rot.
In der CSS-Datei ist der Service-Tree wie oben im Bild dargestellt. Überall wo rot auftaucht, also der Hexcode: #6B0000, muss ein neuer Code eingetragen werden. Für weiß: #FFFFFF. Mit der Searchbar verhält es sich ähnlich. Hintergrund- und Schriftfarbe müssen ausgetauscht werden. Dazu durchsuchen Sie die CSS-Datei nach "search". So gelangen Sie zügig zum entsprechenden Ort innerhalb der Datei.
Eigene Farbschemen einbauen
Über die Suchfunktion von Notepad können Sie recht einfach die Farben austauschen. Machen Sie aus dem Rot einfach ein Blau oder eine andere Farbe. Dazu notieren Sie sich vorher, welche Farbe durch welche ersetzt werden soll und dann geben Sie die zu ersetzende Farbe in die Suchmaske Ihres Editors ein und tauschen jeden Treffer mit der gewünschten Farbe aus. Das machen Sie dann mit allen Farben, die im Player auftauchen. Die Bilder müssen dann nur noch angepasst werden.
Druckversion | Links zum Artikel | Kommentare
« zurück 1 | 2 | 3 | 4 weiter »
Mehr über: Software, Audiosoftware, Tutorial, Musik abspielen, Songbird, Styling-Software
-
Die beste Styling-Freeware
Windows XP kostenlos aufpolieren -
Musikplayer Songbird: RC der Version 1.0 ist fertig
Release Candidate des Musikplayers Songbird steht zum Download bereit -
Lupe, Lineal und Farbfinder: Kostenlose Tools für Webdesigner
Netzwelt stellt kostenlose Tools vor
Links zum Artikel
Diesen Artikel verlinken
Dieser Artikel steht unter einer Creative Commons-Lizenz.
nach oben




