Important: Modification du widget Derniers Sujets

Page 2 sur 2 Précédent  1, 2

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

  • 0

Important Important: Modification du widget Derniers Sujets

Message par Shadow le Mar 10 Mar 2015 - 10:25

Rappel du premier message :

Important: Modification du widget Derniers Sujets

Bonjour à tous,

Suite à des plaintes utilisateurs concernant le fonctionnement du widget Derniers Sujets, le code de celui-ci a été revu pour assurer un maximum de compatibilité entre les différents navigateurs.

Pour information, l'ancien widget entraînait des problèmes d'affichage sous Chrome et Opéra et des problèmes d'arrêt du défilement sous Firefox.

Topic Unique (1386) Problème d'affichage du widget "derniers sujets" sous chrome et opéra

Un correctif a donc été développé et est en place depuis hier.



Right Attention pour les personnes ayant modifié le template mod_recent_topics des modifications sont à faire. Voici pour chaque version de forum:

Modification de template mod_recent_topics:

PHPBB2


REMPLACER

Code:
<!-- BEGIN scrolling_row -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
 <tr>
 <td class="catLeft" height="25">
 <span class="genmed module-title">{L_RECENT_TOPICS}</span>
 </td>
 </tr>
 <tr>
 <td class="row1" align="left" id="comments_scroll_div">
 <!-- BEGIN recent_topic_row -->
 »&nbsp;<a href="{scrolling_row.recent_topic_row.U_TITLE}" title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TITLE}</a><br />
 <img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY}&nbsp;

 <!-- BEGIN switch_poster -->
 <a href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a><br /><br />
 <!-- END switch_poster -->

 <!-- BEGIN switch_poster_guest -->
 {scrolling_row.recent_topic_row.switch_poster_guest.S_POSTER}<br /><br />
 <!-- END switch_poster_guest -->

 <!--
 <a href="{scrolling_row.recent_topic_row.U_POSTER}">{scrolling_row.recent_topic_row.S_POSTER}</a><br /><br />
 -->
 <!-- END recent_topic_row -->
 </td>
 </tr>
</table>

<script type="text/javascript">
//<![CDATA[
$(function(){
 div_marquee('comments_scroll_div', 'comments_scroll_container', '{SCROLL_WAY}', '{SCROLL_STEP}', '{SCROLL_DELAY}', '{SCROLL_HEIGHT}', 'genmed');
});
//]]>
</script>
<!-- END scrolling_row -->

PAR

Code:
<!-- BEGIN scrolling_row -->
    {MARQUEE_JS_SRC}
    <table class="forumline genmed" width="100%" border="0" cellspacing="1" cellpadding="0">
            <tr>
                    <td class="catLeft" height="25">
                            <span class="genmed module-title">{L_RECENT_TOPICS}</span>
                    </td>
            </tr>
            <tr>
                    <td class="row1" style="height:{SCROLL_HEIGHT}px;">
                        <div class="marquee" align="left" data-direction='{SCROLL_WAY}' data-duration='{SCROLL_DELAY}' data-pauseOnHover="true" style="overflow:hidden;height:{SCROLL_HEIGHT}px;">
                            <!-- BEGIN recent_topic_row -->
                                »&nbsp;<a href="{scrolling_row.recent_topic_row.U_TITLE}" title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TITLE}</a><br />
                                <img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY}&nbsp;

                                <!-- BEGIN switch_poster -->
                                <a href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a><br /><br />
                                <!-- END switch_poster -->

                                <!-- BEGIN switch_poster_guest -->
                                {scrolling_row.recent_topic_row.switch_poster_guest.S_POSTER}<br /><br />
                                <!-- END switch_poster_guest -->
                            <!-- END recent_topic_row -->
                        </div>
                    </td>
            </tr>
    </table>
    <script>
        $(".marquee").marquee();
    </script>
<!-- END scrolling_row -->

PHPBB3


REMPLACER

Code:
<!-- BEGIN scrolling_row -->
 <div id="comments_scroll_div">
 <!-- BEGIN recent_topic_row -->
 »&nbsp;<a href="{scrolling_row.recent_topic_row.U_TITLE}" title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TOPIC_TITLE}</a><br />
 <img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY}&nbsp;

 <!-- BEGIN switch_poster -->
 <a href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a><br /><br />
 <!-- END switch_poster -->

 <!-- BEGIN switch_poster_guest -->
 {scrolling_row.recent_topic_row.switch_poster_guest.S_POSTER}<br /><br />
 <!-- END switch_poster_guest -->

 <!--
 <a href="{scrolling_row.recent_topic_row.U_POSTER}">{scrolling_row.recent_topic_row.S_POSTER}</a><br /><br />
 -->
 <!-- END recent_topic_row -->
 </div>

<script type="text/javascript">
//<![CDATA[
$(function(){
 div_marquee('comments_scroll_div', 'comments_scroll_container', '{SCROLL_WAY}', '{SCROLL_STEP}', '{SCROLL_DELAY}', '{SCROLL_HEIGHT}');
});
//]]>
</script>
<!-- END scrolling_row -->

PAR

Code:
<!-- BEGIN scrolling_row -->
    {MARQUEE_JS_SRC}
    <div id="comments_scroll_div">
        <div class="marquee" data-direction='{SCROLL_WAY}' data-duration='{SCROLL_DELAY}' data-pauseOnHover="true" style="overflow:hidden;height:{SCROLL_HEIGHT}px;">
            <!-- BEGIN recent_topic_row -->
            »&nbsp;<a href="{scrolling_row.recent_topic_row.U_TITLE}" title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TOPIC_TITLE}</a><br />
            <img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY}&nbsp;

            <!-- BEGIN switch_poster -->
            <a href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a><br /><br />
            <!-- END switch_poster -->

            <!-- BEGIN switch_poster_guest -->
            {scrolling_row.recent_topic_row.switch_poster_guest.S_POSTER}<br /><br />
            <!-- END switch_poster_guest -->
            <!-- END recent_topic_row -->
        </div>
    </div>
    <script>
        $(".marquee").marquee();
    </script>
<!-- END scrolling_row -->

PUNBB


REMPLACER

Code:
<!-- BEGIN scrolling_row -->
<div class="module main">
 <div class="main-head"><div class="h3">{L_RECENT_TOPICS}</div></div>
 <div class="main-content" id="comments_scroll_div">
 <!-- BEGIN recent_topic_row -->
 »&nbsp;<a href="{scrolling_row.recent_topic_row.U_TITLE}" title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TOPIC_TITLE}</a><br />
 <img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY}&nbsp;

 <!-- BEGIN switch_poster -->
 <a href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a><br /><br />
 <!-- END switch_poster -->

 <!-- BEGIN switch_poster_guest -->
 {scrolling_row.recent_topic_row.switch_poster_guest.S_POSTER}<br /><br />
 <!-- END switch_poster_guest -->

 <!--
 <a href="{scrolling_row.recent_topic_row.U_POSTER}">{scrolling_row.recent_topic_row.S_POSTER}</a><br /><br />
 -->
 <!-- END recent_topic_row -->
 </div>
</div>

<script type="text/javascript">
//<![CDATA[
$(function(){
 div_marquee('comments_scroll_div', 'comments_scroll_container', '{SCROLL_WAY}', '{SCROLL_STEP}', '{SCROLL_DELAY}', '{SCROLL_HEIGHT}');
});
//]]>
</script>
<!-- END scrolling_row -->

PAR

Code:
<!-- BEGIN scrolling_row -->
{MARQUEE_JS_SRC}
<div class="module main">
 <div class="main-head"><div class="h3">{L_RECENT_TOPICS}</div></div>
 <div class="main-content" id="comments_scroll_div">
             <div class="marquee" data-direction='{SCROLL_WAY}' data-duration='{SCROLL_DELAY}' data-pauseOnHover="true" style="overflow:hidden;height:{SCROLL_HEIGHT}px;">
 <!-- BEGIN recent_topic_row -->
 »&nbsp;<a href="{scrolling_row.recent_topic_row.U_TITLE}" title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TOPIC_TITLE}</a><br />
 <img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY}&nbsp;

 <!-- BEGIN switch_poster -->
 <a href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a><br /><br />
 <!-- END switch_poster -->

 <!-- BEGIN switch_poster_guest -->
 {scrolling_row.recent_topic_row.switch_poster_guest.S_POSTER}<br /><br />
 <!-- END switch_poster_guest -->
 <!-- END recent_topic_row -->
             </div>
 </div>
</div>
<script type="text/javascript">
        $(".marquee").marquee();
</script>
<!-- END scrolling_row -->

INVISION



REMPLACER


Code:
<!-- BEGIN scrolling_row -->
 <div id="comments_scroll_div">
 <!-- BEGIN recent_topic_row -->
 »&nbsp;<a href="{scrolling_row.recent_topic_row.U_TITLE}" title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TOPIC_TITLE}</a><br />
 <img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY}&nbsp;

 <!-- BEGIN switch_poster -->
 <a href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a><br /><br />
 <!-- END switch_poster -->

 <!-- BEGIN switch_poster_guest -->
 {scrolling_row.recent_topic_row.switch_poster_guest.S_POSTER}<br /><br />
 <!-- END switch_poster_guest -->

 <!--
 <a href="{scrolling_row.recent_topic_row.U_POSTER}">{scrolling_row.recent_topic_row.S_POSTER}</a><br /><br />
 -->
 <!-- END recent_topic_row -->
 </div>

<script type="text/javascript">
//<![CDATA[
$(function(){
 div_marquee('comments_scroll_div', 'comments_scroll_container', '{SCROLL_WAY}', '{SCROLL_STEP}', '{SCROLL_DELAY}', '{SCROLL_HEIGHT}');
});
//]]>
</script>
<!-- END scrolling_row -->

PAR

Code:
           <!-- BEGIN scrolling_row -->
                {MARQUEE_JS_SRC}
                <div id="comments_scroll_div">
                    <div class="marquee" data-direction='{SCROLL_WAY}' data-duration='{SCROLL_DELAY}' data-pauseOnHover="true" style="overflow:hidden;height:{SCROLL_HEIGHT}px;">
                        <!-- BEGIN recent_topic_row -->
                        »&nbsp;<a href="{scrolling_row.recent_topic_row.U_TITLE}" title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TOPIC_TITLE}</a><br />
                        <img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY}&nbsp;
                            <!-- BEGIN switch_poster -->
                            <a href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a><br /><br />
                            <!-- END switch_poster -->

                            <!-- BEGIN switch_poster_guest -->
                            {scrolling_row.recent_topic_row.switch_poster_guest.S_POSTER}<br /><br />
                            <!-- END switch_poster_guest -->

                        <!-- END recent_topic_row -->
                    </div>
                </div>
                <script type="text/javascript">
                        $(".marquee").marquee();
                </script>
            <!-- END scrolling_row -->



Si des problèmes d'affichage avec ce widget sont constatés, merci de vérifier également les points suivants:

1. La valeur du champ Durée du défilement. La valeur par défaut est de 8000 ms. PA > Modules > Gestion des widgets du forum
Configuration du widget:

2. Si des scripts personnalisés sont présents sur le forum. Si oui, tester en les désactivant permet de voir si l'un d'eux est en cause. PA > Modules > Gestion des codes Javascript
Désactiver la gestion des codes javascript:

Warning Si des scripts personnalisés pour ce widget ont été ajoutés sur le PA, il est possible qu'ils ne fonctionnent plus, voire entrent en conflit avec le widget actuel! Il faut donc les désactiver.


Rappel: Pour toute demande d'aide concernant des codes, merci de vous rendre dans la section problème avec un script, un code. Si un sujet traitent du même problème que le vôtre est déjà créé merci de vous y référer. Sinon, après vérification, merci d'en créer un spécifique si votre problème est unique. Wink

@Vivi a écrit:Si besoin, merci d'ouvrir un sujet dans la section approprié, l'entraide ne se faisant pas dans les annonces.

Cordialement,
L'équipe ForumActif Smile


Dernière édition par Chacha le Ven 1 Mai 2015 - 9:57, édité 4 fois (Raison : i)


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe

Shadow
Adminactive
Adminactive

Féminin
Messages : 23946
Inscrit(e) le : 30/03/2007

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

Important Re: Important: Modification du widget Derniers Sujets

Message par Shunny le Ven 13 Mar 2015 - 21:30

J'ai toujours un gros pbm sur le défilement des derniers sujets qui est devenu ultra rapide et impossible à réguler!!! http://forum.forumactif.com/t376844-gros-bug-widget-derniers-sujets-impossible-de-modifier-vitesse-de-defilement#3179907 que faire???

Shunny
*

Messages : 37
Inscrit(e) le : 21/11/2013

http://portail-initiation.forumgratuit.org/
Shunny a été remercié(e) par l'auteur de ce sujet.

Important Re: Important: Modification du widget Derniers Sujets

Message par celena le Sam 14 Mar 2015 - 11:17

Sur les francais tout marche normalement. Sous tout les navigateurs.
Sur mon site anglais (play-casinos-online.top-board.com) cela ne marche pas, comme les autres. Je n'ai jamais rien touché. D'ou cela peut provenir. Je nai pas de java script active.

Merci.

celena
****

Messages : 276
Inscrit(e) le : 14/03/2006

http://www.play-on-line.fr/
celena a été remercié(e) par l'auteur de ce sujet.

Important Re: Important: Modification du widget Derniers Sujets

Message par celena le Dim 15 Mar 2015 - 5:44

@Vivi a écrit:
@Josepheugene a écrit:Merci des conseils parce que là vraiment àa défilait très très vite ouff. Vous avez mit ' 8000 ms ' mais si on baisse ce chiffre, ca roule encore plus vite. Donc j'ai personnellement mit ' 20,000 ms ' et c'est redevenu normal . Very Happy

Bonjour Josepheugene,

La valeur de 8000 est par défaut sur le widget. Lorsque celui-ci n'est pas personnalisé il a une hauteur de 200 px et affiche 9 sujets avec une durée de défilement 8000ms = 8 secondes. Plus la valeur est petite et plus le défilement est rapide, car il s'agit du temps pendant lequel un sujet parcourt les deux extrémités du widget.

Donc si vous augmentez la taille du widget comme sur votre forum, il faudra augmenter la durée de défilement proportionnellement! Wink


Hello,

J'ai change le script du widget. C'est tres lent. Du coup j'ai mis 160 de hauteur et 2500 au plus bas. Rien a faire c'est tres tres lent. Premiere adresse (play-casinos-online.top-board.com)

Merci beaucoup.

celena
****

Messages : 276
Inscrit(e) le : 14/03/2006

http://www.play-on-line.fr/
celena a été remercié(e) par l'auteur de ce sujet.

Important Défilement

Message par Tonton Tarzan le Dim 15 Mar 2015 - 18:01

Bonjour,

Sous Firefox le défilement dans le widget des nouveaux sujets fonctionne parfaitement.

Après avoir modifié les divers paramètres sans succès, j'avais fini par me faire une raison. Ouf vous avez réglé le problème. Merci

Tonton Tarzan
***

Masculin
Messages : 144
Inscrit(e) le : 09/01/2006

http://lecampement.net
Tonton Tarzan a été remercié(e) par l'auteur de ce sujet.

Important Re: Important: Modification du widget Derniers Sujets

Message par Shadow le Lun 16 Mar 2015 - 9:21

@labaze a écrit:Bonjour

donc pour moi qui suis sous Opéra voilà les problèmes suivants:

1) Les liens dépassent de la colonne (je n'ai touché à rien)
2) Quand je pointe les sujets défilants,le défilement ne s'arrête plus donc difficile à cliquer.

Voyez la capture d'écran ci-dessous ou directement sur mon forum.... merci... http://guipry-messac.forumactif.org/


Bonjour,

Comme indiqué précédemment:

@Vivi a écrit:Si besoin, merci d'ouvrir un sujet dans la section appropriée, l'entraide ne se faisant pas dans les annonces.

Merci. Smile


Dernière édition par Vivi le Lun 23 Mar 2015 - 10:49, édité 1 fois

Shadow
Adminactive
Adminactive

Féminin
Messages : 23946
Inscrit(e) le : 30/03/2007

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

Important Re: Important: Modification du widget Derniers Sujets

Message par celena le Lun 16 Mar 2015 - 17:04

Hello,

Plus rien ne remarche chez moi, j'ai pourtant change et suivi les instructions ;(

Merci

celena
****

Messages : 276
Inscrit(e) le : 14/03/2006

http://www.play-on-line.fr/
celena a été remercié(e) par l'auteur de ce sujet.

Important Re: Important: Modification du widget Derniers Sujets

Message par Titus55 le Lun 16 Mar 2015 - 20:43

Je retrouve enfin le plaisir ne navigué sur mon forum merci à l'équipe forumactif.

Titus55
****

Masculin
Messages : 249
Inscrit(e) le : 02/12/2011

http://magnetismecuratif.forumgratuit.org/
Titus55 a été remercié(e) par l'auteur de ce sujet.

Important Re: Important: Modification du widget Derniers Sujets

Message par Shadow le Lun 23 Mar 2015 - 10:48

Bonjour à tous,

Ce sujet est désormais verrouillé.

Comme indiqué précédemment:

@Vivi a écrit:Si besoin, merci d'ouvrir un sujet dans la section appropriée, l'entraide ne se faisant pas dans les annonces.

Merci. Smile

Shadow
Adminactive
Adminactive

Féminin
Messages : 23946
Inscrit(e) le : 30/03/2007

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

Page 2 sur 2 Précédent  1, 2

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