Feed2JS: Stylez votre flux
Une fois que vous avez construit le code pour votre Feed2JS, vous pouvez voir le rendu du flux RSS généré by Feed2JS peut être adapté aux besoins du client en appliquant différentes feuilles de modèle. Chaque partie du flux a son identifiant, donc cette outil va vous permettre d'y mettre différent style css, le titre, les articles, et la date du post. Quelques modèles sont fournis ici; pour plus, testez le Feed2JS Style Center.
Utilisez une feuille de style
Vous devrez incorporer le code ou la feuille de CSS dans vos propres serveurs; il y a deux façon de procéder:
- Inserez directement le code css directement dans vos pages html pour stylé l'affichage du flux . Cette methode est la meilleurs pour les site ayant une page dédié a l'affichage des flux RSS . Utilisez le formulaire pour trouver le style qui vous convient, copiez le code CSS, et collez le entre les balises
<HEAD>...</HEAD>de votre page HTML qui contient le code Feed2JS, entourez le par les balises suivantes<style>...</style>voir ci-dessous.<style type="text/css" media="all"> <!-- collez ici le CSS fourni par le formulaire ci-dessus --> </style>
- Lien à une feuille externe de style . Cette méthode est la meilleurs si vous utilisez plusieurs pages contenant des flux RSS, le code CSS doit etre stocké sur une page a part, et vous permet ainsi de changer l'affichage de rendement de beaucoup de pages en éditant une page simple. copiez juste le code CSS fourni par le formulaire ci-dessous, et le coller dans une nouvelle page de textes. Sauvegardez cette page et nommez la "mesflux.css". N'oubliez pas dans vos page html d'indiquer le chemin exact de votre feuille de style sinon cela ne fonctionnera pas. Pour cela le plus simple et de créer un nouveau répertoire contenant a la fois vos pages html réservé a vos flux et votre feuille de style CSS.
Sans se soucier, pour relier la page HTML qui contient le code de Feed2JS à une feuille CSS externe , insèrez cette ligne entre les balises<HEAD>...</HEAD>de votre page HTML.<link rel="stylesheet" href="style/myfeed.css" media="all">
Rappelez-vous encore que la valeur href = doit être un chemin relatif correct (ou une URL valide tel que http://www.blah.com/style/myfeed.css) à partir du dossier de pages HTML au dossier de feuilles CSS.
Classes CSS
Ce croquis représente les classes de CSS créées par Feed2JS.
- rss_box définit la balise div pour l'affichage entier de l'emplacement réservé au flux,définir les frontières, la suffisance, etc...
- rss_title le titre du flux et le lien du style son montré. Utilisé avec cette variante
rss_title a:link, rss_title a:hover, etc pour des modèles de rollowver. - rss_items définit la liste non commandée
<ul>...</ul>pour les articles- utilisé pour définir le padding/margins des articles. - rss_item affichage de chaque description et titre d'article du flux ,
<li>...</li>aussi bien que la description de canal, si montré. - rss_item a:variante pour le modèle de titre et de lien d'article.
- rss_date définit l'affichage de l'article signalant des dates.