Afficher les sujets de mon forum sur mon site - flux rss

[Chapo]

Utiliser le Flux RSS

Pour les webmasters et autres administrateurs, il vous est désormais possible d'afficher sur votre site personnel les sujets de vos forums publics. Ainsi, vous pourrez afficher dans un petit tableau la liste des sujets d'un de vos forum (si ce dernier est visible par tous). Pour cela, il suffit d'ajouter ce code dans la page web en question : Code: <script type="text/javascript" src="http://forum.forumactif.com/rss/get_rss.js"></script> <script type="text/javascript"> //<![CDATA[ var nb_sujets = 5; var display_text = 0; var largeur_tab = "18%"; var affichage_nb_reponses = 0; var affichage_GMT = 0; readRSS("http://forum.forumactif.com/rss/?f=99", nb_sujets, display_text, largeur_tab, affichage_nb_reponses, affichage_GMT); //]]> </script> Vous pouvez afficher de cette façon n'importe quel forum tant que ce dernier est visible par tous. Le tableau que vous obtiendrez prendra l'apparence de votre forum. Attention, vous ne pouvez pas afficher de catégories ! Exemple en image Comment afficher le forum souhaité ? Je vous conseille tout d'abord de vous déconnecter de votre compte, pour avoir une vision de votre forum en tant qu'invité. Cherchez votre forum en question, une fois sur la page, regardez son adresse. Vous obtiendrez par exemple : Code: http://forum.forumactif.com/forum14-Questions-Reponses-frequentes.htm Récuperez le numéro du forum en regardant le nom de la page. C'est le chiffre après "forum". Ici, le numéro du forum est donc 14. Si vous voyez marqué "index" et non "forum", c'est que vous vous situez sur une catégorie. Aucun sujet ne peut donc apparaître. Modifiez le code ci-dessus au niveau de cette ligne : Code: readRSS("http://[adresse_de_votre_forum]/rss/?f=99", nb_sujets, display_text, largeur_tab, affichage_nb_reponses, affichage_GMT); Ce qui va vous donner : Code: readRSS("http://[adresse_de_votre_forum]/rss/?f=14", nb_sujets, display_text, largeur_tab, affichage_nb_reponses, affichage_GMT); Vous afficherez de cette façon votre forum 14. Comment personnaliser l'affichage de mon tableau ? Vous pouvez personnaliser l'affichage du tableau en modifiant les variables déclarées dans le script. Petite explication : Code: var nb_sujets = 5; Cette ligne correspond au nombre de sujets que vous souhaitez afficher dans le tableau. La valeur -1 vous permettra d'afficher tous les sujets du forum en question. Pour afficher les 10 premiers sujets, il vous faudra tout simplement remplacer cette ligne par : Code: var nb_sujets = 10; Rien de bien compliqué ! Code: var display_text = 0; Cette ligne correspond à l'affichage ou non du premier texte du sujet. 0 : masquera totalement le texte -1 : affichera le texte en entier 50 : affichera les 50 premiers caractères du texte (code HTML compris !). Cette option est vivement déconseillée si vos messages contiennent du style, des images, ou autre code spécifique. Code: var largeur_tab = "18%"; C'est la largeur en pourcentage ( exemple : var largeur_tab = "20%"; ) ou en pixels ( exemple : var largeur_tab = 200; ) du tableau. Code: var affichage_nb_reponses = 0; Permet d'afficher le nombre de messages contenu dans chaque sujet (0 pour ne pas afficher, 1 pour afficher). Note : cette fonctionnalité n'est pas prise en charge Code: var affichage_GMT = 0; Permet d'afficher le GMT dans la date. Il est conseillé de laisser ce paramètre à 0. Comment modifier le style de mon tableau ? (Uniquement pour les personnes ayant un minimum de connaissances en feuilles de styles css). Une solution vous est proposée pour personnaliser l'affichage du tableau grâce aux feuilles de styles. Voici un exemple de code : Code: <style type="text/css"> .fa_a:link {color:#0066bb; text-decoration:none;} .fa_a:visited {color:#0066bb; text-decoration:none;} .fa_a:hover {color:#dd6900; text-decoration:underline;} .fa_table {font-family: verdana, sans-serif; border-collapse: collapse;} .fa_td_header {border-style: solid; border-width: 1px; border-color: #3366cc; font-size: 7pt; background-color: #f0f9ff; padding: 2px;} .fa_td_main {border-style: solid; border-width: 1px; border-color: #3366cc; font-size: 7pt; background-color: #dfe6ef; padding: 5px;} .fa_title {font-size: 10pt; font-weight: bold;} .fa_forum {font-size:8pt;} .fa_hr {color: #000; height: 1px; width: 50%;} .fa_num {font-size: 7pt;} .fa_topic {font-weight: bold;} .fa_libelle {font-weight: bold;} .fa_text {font-size: 7pt;} .fa_post {font-size: 7pt;} </style> <script type="text/javascript" src="http://forum.forumactif.com/rss/get_rss_css.js"></script> <script type="text/javascript"> //<![CDATA[ var nb_sujets = 5; var display_text = 0; var largeur_tab = 200; var affichage_nb_reponses = 0; var affichage_GMT = 0; readRSS("http://forum.forumactif.com/rss/?f=14", nb_sujets, display_text, largeur_tab, affichage_nb_reponses, affichage_GMT); //]]> </script> - La balise "fa_a" défini le style des liens du tableau (leur paramétrage est optionnel). - La balise "fa_table" correspond au style du tableau. - La balise "fa_td_header" correspond à la première case du tableau (l'entête). - La balise "fa_td_main" correspond au style de la seconde case, où est afficher la liste des sujets. - La balise "fa_title" est le style du titre de votre forum. - La balise "fa_forum" est le style du nom du forum ou sous-forum que vous affichez. - La balise "fa_hr" correspond au style du séparateur, entre chaque sujet. - La balise "fa_num" correspond au numéro situé avant le nom du sujet. - La balise "fa_topic" est le style du nom du sujet. - La balise "fa_libelle" correspond au style des libellés ("Auteur", "Posté le", etc...) - La balise "fa_text" correspond au style du texte, correspondant aux libellés (le nom de l'auteur, la date, le nombre de messages etc...). - La balise "fa_post" correspond au style du message affiché. Voici l'exemple en image En résumé Voici un aperçu des modifications que vous devez effectuer : <script type="text/javascript" src="[adresse_de_votre_forum]/rss/get_rss.js"></script> <script type="text/javascript"> //<![CDATA[ var nb_sujets = 5; var display_text = 0; var largeur_tab = "18%"; var affichage_nb_reponses = 0; var affichage_GMT = 0; readRSS("[adresse_de_votre_forum]/rss/?f=[numéro_du_forum]", nb_sujets, display_text, largeur_tab, affichage_nb_reponses, affichage_GMT); //]]> </script> Voila, ce n'est pas forcément simple, si vous avez la moindre question, n'hésitez pas

Ce tutoriel a été rédigé par le Staff du Forum des Forums, Et en particulier par Chapo. Aucune reproduction possible sans notre accord, conformément à l’article L122-1 du CPI.