Styling del.icio.us
Update 30. September 2006: Eine aktualisierte Version ist unter Styling del.icio.us zu finden.
In der letzen Zeit nutze ich den Online Bookmark Dienst del.icio.us sehr häufig. Mit dem Layout wollten sich meine Augen nie so richtig anfreunden. Abhilfe habe ich nun mittels Benutzerskript und Benutzerstylesheet schaffen können. Die zwei Browser, die ich regelmäßig verwende sind Firefox und Safari.
Firefox stylen
Um Firefox zu stylen, bieten sich die URLid Erweiterung und Greasemonkey an. Ich habe mich für Greasemonkey entschieden und ein bereits bestehendes Skript umgearbeitet bzw. alle Styles komplett ersetzt.*
Das Skript kann – bei installierter Erweiterung – einfach über Rechtsklick > Install User Script … installiert werden.
Safari stylen
Safari kann mittels SafariStand – ebenso kostenlos – 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) muss das heruntergeladene Stylesheet kopiert werden. 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
Changelog
Update: Eine neue Version ist unter Styling del.icio.us – Spring Edition zu finden. Please find the updated version here.
06. Juni 2005: Im Zuge eines Serverupdates wurden bei del.icio.us auch die HTML- und CSS-Daten überarbeitet. Die neuen Versionen 0.3 der beiden Vorlagen, tragen diesen Änderungen Rechnung.
Da die Zugriffe auf beide Stile langsam steigen, habe ich mich entschlossen, die Grafik für besuchte Bookmarks nicht mehr auf dem pixelgraphix Server zu lagern. Das Häckchen 
bitte auf dem eigenen Server lagern. Die Stylesheets können dann entsprechend erweitert werden:
Bisher:
background: transparent url() no-repeat right 50%; height: 1% !important; color: #d1d0d0 !important; padding-right: 25px; }
Wird zu:
background: transparent url(http://www.meinedomain.de/Pfad/zum/Bild/del.png) no-repeat right 50%; height: 1% !important; color: #d1d0d0 !important; padding-right: 25px; }
24. Mai 2005: Bereits besuchte Bookmarks werden, wie in der Grafik dargestellt, abgehakt.
23. Mai 2005: Version 0.1
*Für eine solche Anpassung sehr nützlich ist Xylescope, mit dem im Handumdrehen die Bezeichnungen für die gewünschten Elemente hervorgezaubert werden können.
Werbeunterbrechung
Kommentare und Feedback (12)
Folgende Seiten verweisen auf diesen Beitrag
Werbung
Vorheriger Artikel: Kostenloses Iconset abzugreifen, nächster Artikel: Das Ein-Spalten-Layout
24.05.2005, 09:07
SEHR nett! Danke! Ich verwende das gm Skript und es funkt tadellos.
24.05.2005, 12:27
Danke Manuela. Ich habe auch diesen Script installiert. Jetzt sieht alles wirklich viel besser.
02.06.2005, 03:51
das besagte häkchen kommt jedesmal von hier: http://www.pixelgraphix.de/dl/haken.png
war das so beabsichtigt? ;)
02.06.2005, 12:48
Danke für den sehr praktischen Tipp. Jetzt macht mir das Arbeiten mit del.icio.us gleich noch mehr Spaß – sieht doch jetzt alles frischer aus.
03.06.2005, 06:21
Also bei mir klappt das nicht! (Firefox 1.0.4. Deutsch unter Windows XP)
06.06.2005, 07:10
Hallo Peter, vielen Dank für die Hinweis. Ich werde im Laufe des Tages ein Update bereitstellen.
06.06.2005, 12:42
Hallo
del.icio.us wurde heute auf einen neuen Server verfrachtet. Dabei hat der Betreiber auch am Design geschreubt, weshalb das Skript nicht mehr zum gewünschten Ergebnis führt.
Lg Peter
07.06.2005, 12:52
nice work, it looks great
05.01.2006, 01:20
oh, das ist ein guter Tip. Werd ich mir mal vornehmen, mir gefällt das Aussehen von del.icio.us auch nicht so recht…
Danke!
09.09.2006, 19:50
Super Tipp, das ist doch mal was anderes als dieses Standard-Design….
12.09.2006, 23:57
Why the greasemonkey extension? Just put the styles into userContent.css. Greasemonkey is overkill for this solution.
@-moz-document url-prefix(http://del.icio.us/) { /* styles go here */
}
25.10.2006, 21:48
Das Theme von pixelgraphics gefälllt mir gut – vor allem in der Spring Edition.
besten Dank!
Gruß,
Jonas