Widget du forum sur une page HTML

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Widget du forum sur une page HTML

Message par Dempsey le Sam 28 Aoû 2010 - 2:21

Bonjour tout le monde, eh oui je suis encore là avec un autre petit problème. :'D

J'aimerais savoir comment nous faisons pour mettre par exemple le widget des sujets récents ailleurs que sur le portail. Je voudrais le mettre dans une de mes pages HTML, mais j'ai beau chercher je ne trouve pas comment cela pourrait être possible... Aussi, si c'est possible, j'aimerais que ça soit les sujets récents d'une section en particulier...

Merci beaucoup à/aux personnes qui m'aideront à régler ce petit problème! Flowers2


Dernière édition par Dempsey le Dim 29 Aoû 2010 - 22:18, édité 1 fois

Dempsey
*

Masculin
Messages : 32
Inscrit(e) le : 06/12/2009

http://www.animalcrossingslife.com/
Dempsey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget du forum sur une page HTML

Message par Kiirii le Sam 28 Aoû 2010 - 2:33

Bonsoir,
Ce sujet pourra certainement vous aider.

Kiirii
****

Féminin
Messages : 293
Inscrit(e) le : 13/12/2009

http://forum.forumactif.com/
Kiirii a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget du forum sur une page HTML

Message par Dempsey le Sam 28 Aoû 2010 - 2:54

J'ai fait des recherches et j'ai vu ce sujet, malheureusement quand je mets le code il n'y a rien qui défile, je ne comprends pas trop comment cela fonctionne... Sad Si ça serait possible, j'aimerais avec des explications pour que cela fonctionne! xD Je voudrais mettre cela à l'endroit où c'est écrit Actualité (http://www.animalcrossingslife.com/). Je ferais en sorte que cela affiche les sujets récents de la section annonces. Je n'aurais donc pas à écrire manuellement chaque nouvelle annonce !

Merci Very Happy

Dempsey
*

Masculin
Messages : 32
Inscrit(e) le : 06/12/2009

http://www.animalcrossingslife.com/
Dempsey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget du forum sur une page HTML

Message par Kiirii le Sam 28 Aoû 2010 - 13:40

D'accord on va essayer ça.
Tout d'abord, allez dans la partie HTML où vous avez créé la partie actualité, puis videz le contenu de la balise div soit toutes les nouvelles que vous avez écrites manuellement.
Ce texte-ci donc:
A supprimer:
Code:
<font size="2">
• 09/08 - <b>Réouverture de la section concours.</b> Après un certain temps de maintenance la section concours est à nouveau ouverte, allez vous inscrire au tout premier concours! :)<br/>
• 24/07 - <b>Ouverture du site ACL.</b> Aujourd'hui, ou plutôt ce soir, j'ai l'honneur de mettre en ligne le site d'Animal Crossing's Life ! Pour le moment, il n'y a pas encore beaucoup de choses, mais bientôt il y aura des infos, des astuces, des screens, des vidéos... de toutes les versions d'AC. Aussi, toutes les pages du forum (par exemple Partenariat) seront insérés sur le site! Un grand avenir s'annonce pour ACL. :D (<i>Veuillez prendre note que certaines pages ne sont pas encore crées. Donc, certains liens ne sont pas encore actifs et c'est normal.</i>)<br/>
• 15/07 - <b>Deux nouveaux pack de smileys à votre disposition et la section <i>Animal Crossing 3DS</i> ouverte.</b> Vous pouvez dès maintenant utiliser deux nouveaux packs de smileys & la section tant attendue du prochain Animal Crossing vous attend! Plus d'informations dans les Annonces. ;)<br/>
• 11/07 - <b>Groupe skyrock officiel d'ACL.</b> Vous pouvez dès maintenant rejoindre le groupe skyrock officiel d'Animal Crossing's Life ! <a href="http://groups.skyrock.com/group/8h3i-Fans-d-Animal-Crossing-s-Life">Ça se passe ici.</a> :D<br/>
 
</font><br>
Note:le br à la fin du code n'est pas écrit de manière correcte il manque le /.

Ensuite collez ceci à la place du texte que vous avez supprimé:
Code:
<table border="0">
<tbody>
<td class="row1" align="left" id="comments_scroll_div" valign="middle" rowspan="6" style="width: 200px; height: 300px;" >
<iframe name="ifr" style="visibility: hidden; width: 0px; height: 0px;" src="/portal.forum" onLoad="var ifr=window.ifr.document.getElementById('comments_scroll_div');document.getElementById('comments_scroll_div').innerHTML=ifr.innerHTML;"></iframe>

</td>
</tr>
</tbody></table>

Puis validez vos modifications.

Kiirii
****

Féminin
Messages : 293
Inscrit(e) le : 13/12/2009

http://forum.forumactif.com/
Kiirii a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget du forum sur une page HTML

Message par Dempsey le Sam 28 Aoû 2010 - 19:29

Hmm j'ai mis le code, j'ai validé, mais on ne voit que le fond... voici un screen que je vais prendre avant de le l'enlever pour pas que ça ait l'air fou. x)


Dempsey
*

Masculin
Messages : 32
Inscrit(e) le : 06/12/2009

http://www.animalcrossingslife.com/
Dempsey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget du forum sur une page HTML

Message par Kiirii le Sam 28 Aoû 2010 - 20:41

Ah c'est déjà dans une table ... ><

Je vais essayer d'arranger ça.
Voilà maintenant essayez de mettre le code ci-dessous à la place du texte tapé manuellement:
Code:

<div class="row1" align="left" id="comments_scroll_div" valign="middle" rowspan="6" style="width: 200px; height: 300px;" >
<iframe name="ifr" style="visibility: hidden; width: 0px; height: 0px;" src="/portal.forum" onLoad="var ifr=window.ifr.document.getElementById('comments_scroll_div');document.getElementById('comments_scroll_div').innerHTML=ifr.innerHTML;"></iframe>
</div>

Vous devriez avoir ce résultat:
Code:
<img src="http://img507.imageshack.us/img507/5610/actualite.png"/>
<TABLE width=442px border=0px cellpadding=10px style="background:url(http://img709.imageshack.us/img709/4501/tablemilieu.jpg) repeat-y top center">
<TR><TD><align="center" width="98%" color="#FFFFFF" size= "1px"><img src="http://img651.imageshack.us/img651/7572/actu2.png"/><br/><div style="height:150px; overflow:auto; padding-right: 5px;">
<div class="row1" align="left" id="comments_scroll_div" valign="middle" rowspan="6" style="width: 200px; height: 300px;" >
<iframe name="ifr" style="visibility: hidden; width: 0px; height: 0px;" src="/portal.forum" onLoad="var ifr=window.ifr.document.getElementById('comments_scroll_div');document.getElementById('comments_scroll_div').innerHTML=ifr.innerHTML;"></iframe>
</div>
<br/></div></div></TD></TR>
</TABLE>

Kiirii
****

Féminin
Messages : 293
Inscrit(e) le : 13/12/2009

http://forum.forumactif.com/
Kiirii a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget du forum sur une page HTML

Message par Dempsey le Sam 28 Aoû 2010 - 23:23

Je ne comprends pas pourquoi, mais on ne voit absolument rien, maintenant le fond gris qu'on voyait n'est tout simplement pas là. Il n'y a aucun titre de topic qui défile... Il me semble que pour avoir un iframe il faut un endroit où ça prend les informations (?) alors qu'il n'y a nul part où les sujets récents sont affichés... Je ne sais pas si ça a rapport... C'est vraiment compliqué je ne comprends rien. Surprised Peut-être que ce n'est pas le bon id? xD Je ne comprends même pas ce que je dis ou presque. haha

Edit: J'ai regardé un forum avec un truc des derniers sujets et j'ai regardé le code source de la page. On dirait qu'il n'y a pas de iframe.... (http://perseverance.fr-bb.com/forum.htm) C'est genre lié au fluxx rss ou je sais pas trop. Surprised

Dempsey
*

Masculin
Messages : 32
Inscrit(e) le : 06/12/2009

http://www.animalcrossingslife.com/
Dempsey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget du forum sur une page HTML

Message par Dempsey le Dim 29 Aoû 2010 - 22:17

J'ai finalement réussi, merci beaucoup de ton aide, c'est vraiment gentil! Embarassed C'est maintenant résolu! Very Happy

Edit: Je viens de voir le bouton Merci, je vais l'utiliser les prochaines fois. Wink

Dempsey
*

Masculin
Messages : 32
Inscrit(e) le : 06/12/2009

http://www.animalcrossingslife.com/
Dempsey a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum