41Mag - Comment ajouter une feuille de style CSS à votre Flux RSS

Comment ajouter une feuille de style CSS à votre Flux RSS

C’est très facile d’ajouter une feuille de style CSS à votre flux RSS. En moins de  10 minutes, vous en aurez ajouté une à votre flux RSS.

Pour commencer, relier la feuille de style CSS à vore flux RSS :

1
2
3
<?xml version="1.0" ?>
<?xml-stylesheet type="text/css" href="http://votreSite.fr/styleRSS.css" ?>
...

Ensuite, il vous suffira de créer un fichier CSS, appelé styleRSS.css dans notre exemple. A l’intérieur, vous pouvez définir la façon dont chaque balise RSS sera affiché. Voici un exemple pour un fichier RSS 2.0, vous pouvez ajouter autant d’éléments supplémentaires que vous le souhaitez :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
rss {
display: block;
font-family: verdana, arial;
}
title {
display: block;
margin: 5px;
padding: 2px;
color: gray;
border-bottom: 1px solid silver;
}
link {
display: block;
font-size: small;
padding-left: 10px;
}
item {
display: block;
padding: 2px 30px 2px 30px;
}
docs {
display: block;
background-color: #ffffe6;
margin: 20px;
text-align: center;
padding: 5px;
color: #7f7f7f;
border: 1px solid silver;
}
/* Elements caché */
language, lastBuildDate, ttl, guid, category, description, pubDate {
display: none;
}

Vous remarquerez que j’utilise la balise <docs> pour indiquer à l’utilisateur qu’ils sont à la recherche d’un flux RSS, et leur fournir une url pour plus d’informations.

Page relative : Afficher un flux RSS sur votre page Facebook

Article du même thême : .

  • Horo

    Sympa.

    Je pense qu’il y a une petite erreur dans le style de docs. :p

    « display: blohttp://41mag.fr/wp-admin/post-new.phpck; »
     

    • http://41mag.fr 41Mag

      Effectivement, il y avait une erreur.
      C’est corrigé.

      Merci de votre oeil avertis

Copyright © 2013 | 41Mag. All rights reserved. Contact.
Integrated by Créa-troyes. Powered by WordPress.