Styling del.icio.us - Mehr Farbe

09.12.2005, 04:22 in essays. Trackback-URL, Kommentar-Feed.

Update 30. September 2006: Eine aktualisierte Version ist unter Styling del.icio.us zu finden.

Styling del.icio.us 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)

Gravatar von AndreasAndreas (#)
09.12.2005, 04:47

Ich sag nur: cooooool :-)

Gravatar von John DoweJohn Dowe (#)
10.12.2005, 07:39

Nice one. Quite special.

Gravatar von UweUwe (#)
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

Gravatar von Alexander HahnAlexander Hahn (#)
24.07.2006, 03:24

Gibt es noch eine Möglichkeit diese häßliche Background Farbe von diesen Links wegzubekommen:

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!

Dieser Eintrag kann nicht mehr kommentiert werden.

Vorheriger Artikel: «Webcredible Handbook» als E-Book kostenlos, nächster Artikel: Leseprobe «Professionelles Webdesign mit (X)HTML und CSS» online