eigenes RSS-logo
Will man darauf hinweisen, dass es informationen auf der eigenen website auch über einen RSS-feed gibt, so braucht man dafür ein oranges logo, dass sich als quasi-standard im internet durchgesetzt hat.
Wo finde ich so ein logo? Schlägt sich die farbe mit meinem hintergrund? Passt die größe zu meinen schriften? Und welche beschriftung soll es haben (RSS, XML, ATOM)? Gibt es das ganze kostenlos?
Da hilft nur eins: kein logo! Jedenfalls nicht im herkömmlichen sinn. Anstatt im netz herumzusuchen oder dauernd selbst im zeichenprogramm herumzubasteln, empfiehlt blechtrottel brodaktschns den einsatz von CSS.
vor- und nachteile von CSS
- text, farbe und größe, teilweise auch die form, können leicht an die eigenen bedürfnisse angepasst werden. Selbst unentschlossene auftraggeber können so nicht wertvolle zeit kosten. :-)
- keine copyright-bedenken
- keine unschöne darstellung der seite im browser wenn grafiken nicht geladen werden können oder sollen
- sehr gute accessibility, da es sich um einen textlink handelt
- mehr HTML-code
- aufgrund der CSS-probleme des IE 5 manchmal ohne hacks kaum umzusetzen
beispiele
<a style="font: bold 0.75em sans-serif; color: #fff; background: #f60; padding: 0.2em 0.35em; float: left; text-decoration: none;">RSS</a>
<a style="font: bold 0.75em sans-serif; color: #fff; background: #f60; padding: 0.2em 0.35em; float: left; text-decoration: none; border: solid 2px; border-color: #f80 #960 #960 #f80;">RSS</a>
semantisch sauber, funktioniert im IE ab version 5 (der braucht auch das float: left;)
<a href="javascript: void(0);" style="font: bold 0.75em sans-serif; text-decoration: none;">
<span style="color: #fff; background: #f60; padding: 0.2em 0.35em; margin-right: 0; border: solid 1px #f60; float: left;">RDF</span>
<span style="color: #000; background: #fff; padding: 0.2em 0.35em; margin-left: 0; border: solid 1px #f60; float: left;">Newsfeed</span></a>
hier wird das erweiterte logo mit zwei span-tags umgesetzt. Funktioniert ebenfalls ab IE 5. Zum ausgleich dafür, dass der IE 5 zusätzliches CSS braucht, haben die Mozilla-browser probleme mit float und clear. Zwischen den beiden spans taucht manchmal ein abstand von 1px auf.
schlussbemerkung
Der angeführte beispielcode ist als anregung zu verstehen und stellt nicht der weisheit letzten schluss dar. Hinweise und verbesserungsvorschläge werden gerne entgegengenommen.
Inzwischen hat Microsoft angekündigt, für den Internet Explorer 7 dasselbe logo zu verwenden wie Mozilla Firefox. Sollte es sich als quasi-standard durchsetzen, werden diese hinweise vielleicht hinfällig.
