Styling del.icio.us - Mehr Farbe
Update 30. September 2006: Eine aktualisierte Version ist unter Styling del.icio.us zu finden.
Vor einigen Monaten hatte ich mit Styling del.icio.us eine Möglichkeit vorgestellt, den Social-Bookmarks-Dienst del.icio.us mittels User-Stylesheets etwas «anzuhübschen». Nun hat del.icio.us seitdem mehrmals am Layout gebastelt und Einiges verändert.
Das aktuelle angepasste User-Stylesheet für Safari und Firefox ist vollfarbig mit größerer Schrift und dunklem Hintergrund. Besuchte Links werden «abgehakt».
Während ich im ersten Artikel noch auf Greasemonkey zurückgriff, lässt sich die aktuelle Version bequem per User-Stylesheet installieren. Für Safari wird das kostenlose SafariStand benötigt.
Firefox anpassen
Das Stylesheet muss nach dem Download in das «chome» Verzeichnis der jeweiligen Firefox-Installation kopiert werden.
Unter Windows ist das Dokumente und Einstellungen > Benutzername > Anwendungsdaten > Mozilla > Firefox > Profiles > xyz > chrome
Unter Mac OS X ist das Benutzername > Library > Application Support > Firefox > Profiles > xyz > chrome
Sollte schon ein User-Stylesheet namens userContent.css bestehen, können die Inhalte des folgenden Stylesheets einfach in dieses hinein kopiert werden.
Nach einem Neustart sollte Firefox die neuen Stile für del.icio.us verwenden.
Download: userContent.css für Firefox
Safari stylen
Safari kann mittels SafariStand ein Benutzerstylesheet für eine Webseite angezogen werden. Dazu zunächst das angepasste Stylesheet herunterladen. Dann einfach auf del.icio.us gehen und im Browsermenü unter Stand > SafariStand Settings > Site Alteration aufrufen. Zunächst das Häkchen für Site Alteration setzen. Dann auf Add klicken um eine neue Benutzerregel anzulegen. Nun das Häkchen für Alter: User StyleSheet Location setzen und per Klick auf den kleinen Pfeil den User-Ordner öffnen.
In diesen Ordner (Benutzer > Library > Safari > Stand > UserStyleSheets) wird das heruntergeladene Stylesheet kopiert. Wieder im Settings Menü kann das eben kopierte Stylesheet ausgewählt werden. Nach einem Neustart von Safari sollte del.icio.us im neuem Stil erscheinen.
Download: delicious-pixelgraphix.css für Safari
Screenshots habe ich bei Flickr hinterlegt.
Werbeunterbrechung
Kommentare und Feedback (4)
Vorheriger Artikel: «Webcredible Handbook» als E-Book kostenlos, nächster Artikel: Leseprobe «Professionelles Webdesign mit (X)HTML und CSS» online
09.12.2005, 04:47
Ich sag nur: cooooool :-)
10.12.2005, 07:39
Nice one. Quite special.
02.02.2006, 02:31
Wow danke für diese css-File. Habe es ein bissel für meinen Geschmack verändert.
( http://img75.imageshack.us/img75/8833/unbenannt29vv.jpg )
Gibt es noch eine Möglichkeit diese häßliche Background Farbe von diesen Links wegzubekommen:
http://img75.imageshack.us/img75/685/unbenannt14bu.jpg
24.07.2006, 03:24
allerdings frage ich mich das auch!.. habe auch grad einen skin gebaut und diese flächen sind die letzten elemente die ich nicht umgebaut bekomme!