Afficher les derniers sujets du forum sur la page d'accueil

[Tchii001]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Moi uniquement
Problème apparu depuis : 17/04/2015
Lien du forum : http://travelinthegame.forumactif.fr/

Description du problème

Bonjour,

Je ne sais pas si c'est ici que je dois poser la question : Comment fait-on pour afficher les derniers nouveaux sujets du forum sur la page d'accueil comme dans le screen. Quels codes ou script dois-je utiliser et comment ?

Merci d'avance pour vos réponses et désolée si je ne suis pas au bon endroit^^"

[Tchii001]

Up : )

[Tchii001]

Up !

[Tchii001]

Personne pour m'aider ? :'(

[Tchii001]

Up ! ToT

[Tchii001]

Up ! (j'ai l'impression qu'on a supprimé le dernier que j'ai fait Oo)

[kiwi14637]

Bonjour,

Ceci devrait sans doute vous aider : https://forum.forumactif.com/t376721-script-derniers-messages#3179332

Bonne journée !

[Tchii001]

Merci !^^ Par contre ils n'indiquent pas où placer les différents codes :s

[kiwi14637]

En créant un portail, ce code devrait fonctionner (à mettre sur votre page d'accueil) :

Code:

 <div id="recent_topics"></div><script type="text/javascript">jQuery.get('/portal',function(data){jQuery('#recent_topics').html(jQuery(data).find('.forumline td.row1').html());});</script>

[Tchii001]

Alors, le code fonctionne mais ce n'est pas du tout le résultat que j'attendais^^" Ca m'affiche ceci :



Edit :

J'ai effacé tous les widgets sauf celui des messages récent et c'est déjà beaucoup mieux !



Maintenant comment fait-on pour la mise en forme ? J'ai essayé de code CSS mais ca ne fait aucun effet :

Code:

/* Sujet récent*/ .SR1 { background-color: #000000;  font-family: "Bradley Hand ITC", Courier, monospace, serif;-moz-border-radius: 15px;-webkit-border-radius: 15px;-khtml-border-radius: 15px;border-radius: 15px;color: #D1BFB2;font-size: 14px;height: 335px;width: 160px;margin: 10px;padding: 5px; border-left:1px solid #5C4C33; /* couleur du cadre */border-right:1px solid #5C4C33;border-bottom:0px solid #5C4C33;border-top:0px solid #5C4C33;overflow-y: auto;overflow-x: hidden;}

[kiwi14637]

Ah ... Je viens de comprendre le fonctionnement du script

Pour la mise en forme, remplacez .SR1 par #recent_topics

[Tchii001]

Génial !! Ca fonctionne ! Merci beaucoup^^

Je récapitule pour ce qui en auront besoin :

1- Activer le portail
2- Supprimer tous les widgets sauf celui des post récent.
3- Mettre le script suivant sur la page d'accueil :

Code:

<div id="recent_topics"></div><script type="text/javascript">jQuery.get('/portal',function(data){jQuery('#recent_topics').html(jQuery(data).find('.forumline td.row1').html());});</script>

4- Mettre le code suivant sur la feuille de style CSS pour la mise en forme :

Code:

/*Sujet récent*/
       
        #recent_topics {
          background-color: #6AA8A6;
          font-family: 'Playfair Display SC', serif;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        -khtml-border-radius: 0px;
        border-radius: 0px;
        color: #D1BFB2;
        font-size: 14px;
        height: 200px;
    width: 800px;
        margin: 10px;
        padding: 5px;
        border-right: 1px solid #232C22;
    border-left: 1px solid #232C22; /* couleur du cadre */
        border-bottom: 4px solid #232C22;
    border-top: 4px solid #232C22;
        overflow-y: auto;
        overflow-x: hidden;
        }