selfhtml.de - Alles für den Webmaster!

RSS-Feeds erstellen: RSS-Feeds mit CSS aufpeppen

Wenn der Nutzer einen RSS-Feed direkt in seinem Browser aufruft, bekommt er häufig eine rein technische Ansicht des Inhaltes zu Gesicht. Mit einem Stylesheet kann man seinen Feed etwas aufpolieren und mit Zusatzinformationen zu einem Abonnement versehen. Im einfachstem Fall fügen wir den Link auf eine CSS-Datei zu unserer Feed-Datei mit dem folgenden Code hinzu.

  <?xml version="1.0" ?>

  <?xml-stylesheet type="text/css" 

      href="rss.css" ?>

Mit der content-Eigenschaft fügen wir in der Stylesheet-Datei eine Nachricht zu unserer Darstellung hinzu welche einen Hinweis auf das abonnieren mit Hilfe eines Feed-Readers gibt. Nur die wichtigsten Elemente wollen wir anzeigen, für den Rest setzen wir die display-Eigenschaft auf none.

language, title > link {

    display: none; 

}

title, link, description, date {

    display: block;

    padding: 10px;

}

channel > title:after {

    content: "(Die URL für diesen RSS-Feed in einem Feed-Reader zum abonnieren benutzen)";

    background-color: #fcc;

    display: block;

}

item {

    margin-top: 25px;

}

item > link {

    font-size: small;

    color: #09f;

}

item > link:before {

    content: "Link: ";

}



item > description {

    font-size: small;

}

item > date {

    font-size: small;

}

item > date:before {

    content: "Datum: ";

}

Danach sieht unsere Feed zum Beispiel so aus:

Hier der Link zu diesem Beispiel: simple-css.rss

Leider kann man mit CSS-keine Hyperlinks generieren, dafür wäre ein XSL-Stylesheet notwendig. Wegen des wesentlich komplexeren Codes wollen wir an dieser Stelle aber darauf nicht eingehen.

Weiter

Weitere Seiten im Artikel "RSS-Feeds erstellen"

• <
• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• >