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

[Levi]

Pour les webmasters et autres administrateurs, il vous est désormais possible d'afficher sur votre site personnel les sujets de vos forums publiques. 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 language="JavaScript" src="http://forum.forumactif.com/rss/get_rss.js"></script>
<script language="JavaScript">
nb_sujets = 5;
display_text = 0;
largeur_tab = "18%";
affichage_nb_reponses = 0;
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 facon 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 conseil 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 peux donc apparaitre.
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:

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:

nb_sujets = 10;

Rien de bien compliqué !

Code:

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:

largeur_tab = "18%";

C'est la largeur en pourcentage (exemple : largeur_tab = "20%" ou en pixel (exemple : largeur_tab = 200;) du tableau.

Code:

affichage_nb_reponses = 0;

Permet d'afficher le nombre de messages contenu dans chaque sujet (0 pour ne pas afficher, 1 pour afficher).

Code:

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 style css).

Une solution vous est proposée pour personnaliser l'affichage du tableau grace aux feuilles de style. 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 language="JavaScript" src="http://forum.forumactif.com/rss/get_rss_css.js"></script>
<script language="JavaScript">
nb_sujets      = 5;
display_text    = 0;
largeur_tab      = "200";
affichage_nb_reponses = 0;
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ésumer

Voici un aperçu des modifications que vous devez effectuer :


<script language="JavaScript" src="[adresse_de_votre_forum]/rss/get_rss.js"></script>
<script language="JavaScript">
nb_sujets = 5;
display_text = 0;
largeur_tab = "18%";
affichage_nb_reponses = 0;
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>


Voilà, ce n'est pas forcément simple, si vous avez la moindre question, n'hésitez pas