Déplacer le script Derniers sujets

[philou46]

Bonjour,

Fondateur forum http://www.joem-club.fr/forum
phpBB2 (subsilver)
Templates modifiés et publiés: 8
css modifiée.

J'aimerai mettre le script des derniers messages sur ma page d’accueil.
J'ai bien sur fait des recherches, en vain.
J'ai trouvé quand même un seule chose ICI mais ça ne fonctionne pas.

J'aimerai une méthode simple du style "intégration de code dans la page d’accueil) si possible.
Sinon modification css ou autre.

Je vous remercie de votre aide.
Cdt.

[philou46]

up

[philou46]

up

[philou46]

up

[philou46]

up

[Miettes]

Hello

En reprenant ce qu'avait fait Ea :

1) Il faut que tu récupéres le numéro du portail :


2) Tu copie colle ce code dans ton message d'accueil (en remplacant le 1 de pid par le bon numéro )

Code:

<div id="recent-topics"></div>
 
<script type="text/javascript">
 
jQuery.get('/portal.forum?pid=1',function(data){jQuery('#recent-topics').html(jQuery(data).find('#comments_scroll_div').html());});
 
</script>

Attention à bien être en mode édition, pour cela, clique sur

[philou46]

Merci bien, je vais tester ça.

[philou46]

Bonjour,
J'ai donc testé mais ça ne fonctionne pas.
Cdt.

[Miettes]

Coucou

Tu as mis ça en place sur le forum ?

[philou46]

Je l'avais mis oui mais sans résultat.
Faut il que je le replace ?

[Miettes]

Oui stp. Comme ça je pourrai voir ce qui cloche

[philou46]

Merci miettes, c'est très sympa de te pencher sur mon problème.
Voilà, le script et posé sur la page d'accueil.

[Miettes]

Coucou

Tu saurais me dire où le bloc est censé s'afficher ? (je ne vois pas d'erreur dans le navigateur :/ )

[philou46]

ça se trouve dans le bloc

Code:

<td class="c18" id="igauche" valign="top">

Voici le script que je vois

Code:

                           <script type="text/javascript">
 jQuery.get('/portal.forum?pid=1',function(data){jQuery('#recent-topics').html(jQuery(data).find('#comments_scroll_div').html());});
</script>

Encore merci pour l'aide.

[Miettes]

<script type="text/javascript">
jQuery.get('/portal.forum?pid=1',function(data){jQuery('#recent-topics').html(jQuery(data).find('#comments_scroll_div').html());});
</script>


Coucou

Il y a une petite modif à faire dans un template. On va aller dans PA > Affichage > Templates > Portail et dans le template mod_recent_topics, on va remplacer ça :

Code:

<div class="marquee" align="left" data-direction='{SCROLL_WAY}' data-duration='{SCROLL_DELAY}' data-pauseOnHover="true" style="overflow:hidden;height:{SCROLL_HEIGHT}px;">

par ça :

Code:

<div id="comments_scroll_div" class="marquee" align="left" data-direction='{SCROLL_WAY}' data-duration='{SCROLL_DELAY}' data-pauseOnHover="true" style="overflow:hidden;height:{SCROLL_HEIGHT}px;">

(j'ai juste ajouté un id ^^)

[philou46]

Merci Miette, ça se précise.
Par contre, les liens ne sont pas cliquable (sauf le nom du posteur), le scrool ne fonctionne pas et c'est un peu gros.
J'ai posé ça sur mon forum test par ICI pour te monter.
Merci beaucoup.

[Miettes]

Hello

Perso, je peux bien cliquer sur les liens ^^

Pour modifier la taille, ajoute ceci dans ta CSS :

Code:


.accueil #recent-topics{
  font-size: 14px;
}



Pour le défilement, eh bien, on va utiliser le marquee. Du coup, dans le message d'accueil, on va remplacer ça :

Code:


<div id="recent-topics"></div>
 
<script type="text/javascript">
 
jQuery.get('/portal.forum?pid=1',function(data){jQuery('#recent-topics').html(jQuery(data).find('#comments_scroll_div').html());});
 
</script>


par ça :

Code:

<marquee id="recent-topics" behavior="scroll" direction="up" scrollAmount="2" onmouseover="this.stop()" onmouseout="this.start()" style="height: 200px;"></marquee>

<script type="text/javascript">
 
    jQuery.get('/portal.forum?pid=1',function(data){jQuery('#recent-topics').html(jQuery(data).find('#comments_scroll_div').html());});

</script>

behavior="scroll" > c'est un défilement "glisser"

direction="up" > vers le haut (tu peux aussi voir left = vers la gauche ; right = vers la droite ; bottom = vers le bas)

scrollAmount="2" > la vitesse du défilement

onmouseover="this.stop()" > pour arrêter le défilement du texte au survol de la souris

onmouseout="this.start()" > pour faire repartir le défilement quand on ne survole plus le texte.

[philou46]

Merci beaucoup Miettes, ça fonctionne parfaitement !
Avant de fermer ce sujet, peut tu me dire comment centrer ce même bloc, en effet, je ne doit pas mettre les bonnes balises ou je ne sais quoi d'autre.

[Chacha]

Bonjour, Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 8 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement ! Ce sujet est archivé afin de ne pas perdre les réponses fournies.