News feeds

Indlæs andet indhold på denne side:

Når vi snakker om news feeds, er det en sag med to sider:

  1. Det feed, som indeholder nyhedsreferaterne - skrives i xml
  2. En funktion, som kan læse feedet. Her er der tre forskellige muligheder:
    • Et script, som oversætter xml-filen til html, der kan vises i enhver browser.
    • Et plugin til browseren, så feedet kan læses umiddelbart i browseren.
    • Et specielt program - en news aggregator, som kan vise et news feed på samme måde, som en browser viser html-sider.

Læg css i dit rss

Siden er opdateret 1. 4. 2006

Når du ser et rss i din browser, vil det (hvis der ikke er lavet css til rss'et) se nogenlunde sådan ud - jeg har forkortet en del for overskuelighedens skyld:

Denne XML-fil har ingen stilinformation tilknyttet. Dokumenttræet vises herunder.

-<rss version="2.0">
 -<channel>
   <title>Hjemmesideskolen</title>
  -<description>
   Din egen hjemmeside - det er nemt
   </description>
   <link>http://hjemmesideskolen.dk</link>
   <pubDate>Wed, 25 Jan 2006 23:18:35 +0100</pubDate>

  -<item>
    <title>Nu dato og tid på dansk</title>
    <description>
    Hidtil har alle dato- og tidsangivelser....
    </description>
    <link>http://hjemmesideskolen.dk/nyheder/</link>
    <pubDate>Tue, 7 Mar 2006 00:07:42 +0100</pubDate>
   </item>

  </channel>
 </rss>

Det er jo ikke så overskueligt, så vi lægger noget css på rss'et. Det gør vi ved at vi øverst i kildekoden lægger et link til den anvendte css:

<?xml version="1.0" encoding="iso-8859-1" ?>
<?xml-stylesheet type="text/css" href="http://server.dk/rss.css"?>
<rss version="2.0">
...

Herefter mangler vi bare at lave rss.css. det er i princippet ikke anderledes end når man laver css til html. Det er bare nogle andre elementer, som skal formateres. Jeg vil her blot gengive et kort resume af min egen rss.css:

<?xml-stylesheet type="text/css" href="/rss.css" ?>

rss, channel, title, item, link, description, pubDate {
display: block;
padding: 20px;
}

link {
font-family: verdana, arial, sans-serif;
font-size: 12px;
display: block;
}

title {
display: block;
margin: 0 0 0 20px;
padding: 2px 2px 2px 5px;
border-bottom: 1px solid #ccf;
}

item {
display: block;
}

description {
display: block;
}

pubDate {
font-size: 11px;
}

/* skjul */
language, docs, generator, lastBuildDate, image, width, height {
display: none;
}

Se selv forskellen - det er langt mere overskueligt, ik'?.

tilføjelsen af css har ingen indflydelse på, hvordan dit rss bliver vist, hvis det sker via det asp-script, jeg har vist andetsteds på disse sider. Her er det det normale css, der bestemmer.

Det har heller ikke nogen indflydelse på, hvordan dit rss bliver vist i en browser, som har fået installeret et rss-reader plugin.

^ Tilbage til sidens top

Valid XHTML og CSS / Copyright © Hjemmesideskolen marts 2006
Hjemmesideskolen
Du er her: Forsiden - scripts - News feeds
Brugere lige nu: Antal aktive brugere
Home Mail