Problème avec ma page d'accueil

[Billy-Stones]

Coucou, alors j'ai un problème avec mon menu en accordéon, en voici un aperçu :

http://unione-mafiose.keuf.net/forum

Comme vous le voyez le menu est mal organisé alors que j'ai suivie les instructions à la lettre

https://forum.forumactif.com/t327581-message-d-accueil-en-accordeon

J'espère que quelqu'un m'aidera merci beaucoup, et passer de jolies fêtes !

[Ocawina]

Salut

Je vais répondre HS, désolé, mais j'aimerais savoir comment as-tu fais pour mettre les petits personnages qui passent de droite à gauche sous la partie "Fondements & Principes" s'il te plaît ?

Bonnes fêtes à toi aussi ^^

[Billy-Stones]

C'est des images de partenariat il faut un code, c'est simple tu met l'image que tu veux et tu met le code "défilement horizontale", j'vais pas faire le "connard" hein mddr tien le code :

Code:

<span><marquee><a target="_blank" href="url du forum"><img src="url de l'image" />


Dans "url du forum" tu mets juste l'url du forum sur lequel tu désire y allé, genre si je clique sur l'image bah ça va me ramener dans un autre forum. Si tu veux d'autre détail n'hésite pas.

[Ocawina]

merci à toi !
J'espère que ton problème n'en sera plus un le plus vite possible !

[Billy-Stones]

up

[Billy-Stones]

up merci.

[Serang]

Hello,

Avez-vous ajouter ce code JavaScript ? =>

Code:

        $(document).ready(function() {
          $("#accordeon-pa").each(function(){
            $(this).liteAccordion({
              autoPlay:true,
              pauseOnHover:true,
              rounded:true,
              enumerateSlides:true,
              containerWidth: 960,
              containerHeight: 320
            })
          });
        });
        /*************************************************!
        *
        *  project:    liteAccordion - a horizontal accordion plugin for jQuery
        *  author:    Nicola Hibbert
        *  url:        http://nicolahibbert.com/liteaccordion-v2/
        *  demo:      http://www.nicolahibbert.com/demo/liteAccordion/
        *
        *  Version:    2.0.2
        *  Copyright:  (c) 2010-2011 Nicola Hibbert
        *  Licence:    MIT
        *
        **************************************************/
        (function(b){var a=function(g,l){var i={headerWidth:48,activateOn:"click",firstSlide:1,slideSpeed:800,onTriggerSlide:function(){},onSlideAnimComplete:function(){},autoPlay:false,pauseOnHover:false,cycleSpeed:6000,easing:"swing",theme:"basic",rounded:false,enumerateSlides:false,linkable:false},h=b.extend({},i,l),c=g.children("ol").children("li"),j=c.children(":first-child"),k=c.length,f=h.containerWidth-k*h.headerWidth,e={play:function(m){var n=d.nextSlide(m&&m);if(d.playing){return}d.playing=setInterval(function(){j.eq(n()).trigger("click.liteAccordion")},h.cycleSpeed)},stop:function(){clearInterval(d.playing);d.playing=0},next:function(){e.stop();j.eq(d.currentSlide===k-1?0:d.currentSlide+1).trigger("click.liteAccordion")},prev:function(){e.stop();j.eq(d.currentSlide-1).trigger("click.liteAccordion")},destroy:function(){e.stop();b(window).unbind(".liteAccordion");g.attr("style","").removeClass("accordion basic dark light stitch").removeData("liteAccordion").unbind(".liteAccordion").find("li > :first-child").unbind(".liteAccordion").filter(".selected").removeClass("selected").end().find("b").remove();c.removeClass("slide").children().attr("style","")},debug:function(){return{elem:g,defaults:i,settings:h,methods:e,core:d}}},d={setStyles:function(){g.width(h.containerWidth).height(h.containerHeight).addClass("accordion").addClass(h.rounded&&"rounded").addClass(h.theme);c.addClass("slide").children(":first-child").width(h.containerHeight).height(h.headerWidth).eq(h.firstSlide-1).addClass("selected");j.each(function(m){var p=b(this),o=m*h.headerWidth,n=j.first().next(),q=parseInt(n.css("marginLeft"),10)||parseInt(n.css("marginRight"),10)||0;if(m>=h.firstSlide){o+=f}p.css("left",o).next().width(f-q).css({left:o,paddingLeft:h.headerWidth});h.enumerateSlides&&p.append("<b>"+(m+1)+"</b>")})},bindEvents:function(){if(h.activateOn==="click"){j.bind("click.liteAccordion",d.triggerSlide)}else{if(h.activateOn==="mouseover"){j.bind({"mouseover.liteAccordion":d.triggerSlide,"click.liteAccordion":d.triggerSlide})}}if(h.pauseOnHover&&h.autoPlay){g.bind("mouseover.liteAccordion",function(){d.playing&&e.stop()}).bind("mouseout.liteAccordion",function(){!d.playing&&e.play(d.currentSlide)})}},linkable:function(){var m=(function(){var o=[];c.each(function(){if(b(this).attr("name")){o.push((b(this).attr("name")).toLowerCase())}});return m=o})();var n=function(p){var o;if(p.type==="load"&&!window.location.hash){return}if(p.type==="hashchange"&&d.playing){return}o=b.inArray((window.location.hash.slice(1)).toLowerCase(),m);if(o>-1&&o<m.length){j.eq(o).trigger("click.liteAccordion")}};b(window).bind({"hashchange.liteAccordion":n,"load.liteAccordion":n})},currentSlide:h.firstSlide-1,nextSlide:function(m){var n=m+1||d.currentSlide+1;return function(){return n++%k}},playing:0,animSlideGroup:function(m,o,n){var p=n?":lt("+(m+1)+")":":gt("+m+")";c.filter(p).each(function(){var r=b(this),q=c.index(r);r.children().stop(true).animate({left:(n?0:f)+q*h.headerWidth},h.slideSpeed,h.easing,function(){if(!d.slideAnimCompleteFlag){h.onSlideAnimComplete.call(o);d.slideAnimCompleteFlag=true}})})},slideAnimCompleteFlag:false,triggerSlide:function(p){var o=b(this),m=j.index(o),n=o.next();d.currentSlide=m;d.slideAnimCompleteFlag=false;j.removeClass("selected").filter(o).addClass("selected");if(p.originalEvent&&h.autoPlay){e.stop();e.play(m)}if(h.linkable&&!d.playing){window.location.hash=o.parent().attr("name")}h.onTriggerSlide.call(n);d.animSlideGroup(m,n,true);d.animSlideGroup(m,n)},ieClass:function(){var m=+(b.browser.version).charAt(0);if(m<7){e.destroy()}if(m===7||m===8){c.each(function(n){b(this).addClass("slide-"+n)})}g.addClass("ie ie"+m)},init:function(){if(b.browser.msie){d.ieClass()}d.setStyles();d.bindEvents();if(h.cycleSpeed<h.slideSpeed){h.cycleSpeed=h.slideSpeed}if(h.linkable&&"onhashchange" in window){d.linkable()}h.autoPlay&&e.play()}};d.init();return e};b.fn.liteAccordion=function(e){var d=this,c=d.data("liteAccordion");if(typeof e==="object"||!e){return d.each(function(){var f;if(c){return}f=new a(d,e);d.data("liteAccordion",f)})}else{if(typeof e==="string"&&c[e]){if(e==="debug"){return c[e].call(d)}else{c[e].call(d);return d}}}}})(jQuery);

Avez-vous également activée les JavaScript ?
Dit moi si vous avez trouver ?

Cordialement

[Billy-Stones]

Oui j'ai bien mis je vois pas l'problème ><

Spoiler:

Spoiler:

Merci de m'aider ^^

[Ea]

Bonjour,


Ce script, si la toolbar n'est pas activée, cause problème :

Code:

$(function () {
    var texte_milieu = " a posté dans ";
    var si_titre_vide = "ce sujet";
    var d = compileNotif;
    Toolbar.compileNotif = compileNotif = function (b) {
        var a = d(b);
        if (b.text.type == FA.Notification.NOTIF_TOPIC_WATCH) {
            var c = a.match(/^(.*) a écrit un message dans (<a href="\/t[0-9]+(p[0-9]+)?-([^#"]*)#[0-9]+">)[^<]+<\/a>$/);
            c && (b = c[1] + texte_milieu + c[2], a = c[4], a = "topic" == a || /^[\s-]*$/.test(a) ? si_titre_vide : a.replace(/-/g, " ").replace(/(^\s+|\s+$)/g, ""), a = b + a + "</a>")
        }
        return a
    }
});

vous pouvez le supprimer, ou bien le mettre à jour par la nouvelle version présente dans l'astuce qui n'a pas ce problème :
https://forum.forumactif.com/t346838-titre-dans-la-notification-de-sujet-suivi

Cordialement.

[Billy-Stones]

Déjà merci de m'avoir répondu, j'ai activé la toolbar est ça a marché, mais est-ce obligé de mettre la toolbar pour réglé le menu en accordéon ? Merci.

[Ea]

J'ai indiqué deux solutions permettant de ne pas devoir l'activer ))

"... vous pouvez le supprimer, ou bien le mettre à jour par la nouvelle version présente ..."

[Billy-Stones]

Désolé mais j'ai pas très bien compris, pouvez-vous me dire étape par étape si possible merci.

[Ea]

Aller dans le panneau d'administration > onglet divers > partie javascript ( en bas dans la colonne de gauche ) > trouver dans quelle feuille javascript se trouve :

Code:

$(function () {
    var texte_milieu = " a posté dans ";
    var si_titre_vide = "ce sujet";
    var d = compileNotif;
    Toolbar.compileNotif = compileNotif = function (b) {
        var a = d(b);
        if (b.text.type == FA.Notification.NOTIF_TOPIC_WATCH) {
            var c = a.match(/^(.*) a écrit un message dans (<a href="\/t[0-9]+(p[0-9]+)?-([^#"]*)#[0-9]+">)[^<]+<\/a>$/);
            c && (b = c[1] + texte_milieu + c[2], a = c[4], a = "topic" == a || /^[\s-]*$/.test(a) ? si_titre_vide : a.replace(/-/g, " ").replace(/(^\s+|\s+$)/g, ""), a = b + a + "</a>")
        }
        return a
    }
});

et le supprimer.

Pour la modification par le nouveau code, c'est pareille sauf qu'il faut le remplacer plutôt que le supprimer.

[Billy-Stones]

Bonjour, je n'ai pas trouvé de ce que vous m'avez indiqué, désolé j'ai cherché dans l'onglet divers mais il n'y que ça :

Spoiler:

Peut être que vous parlez de l'onglet "Modules" ?

[Ea]

Modules à la place de divers, désolé =)

[Billy-Stones]

Je n'ai pas rajouter ce code dans mon javascript, le seul code js qui a un lien avec ma page d'accueil en accordéon n'est que celui-ci :

Code:


$(document).ready(function() {
  $("#accordeon-pa").each(function(){
    $(this).liteAccordion({
      autoPlay:true,
      pauseOnHover:true,
      rounded:true,
      enumerateSlides:true,
      containerWidth: 960,
      containerHeight: 320
    })
  });
});
/*************************************************!
*
*  project:    liteAccordion - a horizontal accordion plugin for jQuery
*  author:    Nicola Hibbert
*  url:        http://nicolahibbert.com/liteaccordion-v2/
*  demo:      http://www.nicolahibbert.com/demo/liteAccordion/
*
*  Version:    2.0.2
*  Copyright:  (c) 2010-2011 Nicola Hibbert
*  Licence:    MIT
*
**************************************************/
(function(b){var a=function(g,l){var i={headerWidth:48,activateOn:"click",firstSlide:1,slideSpeed:800,onTriggerSlide:function(){},onSlideAnimComplete:function(){},autoPlay:false,pauseOnHover:false,cycleSpeed:6000,easing:"swing",theme:"basic",rounded:false,enumerateSlides:false,linkable:false},h=b.extend({},i,l),c=g.children("ol").children("li"),j=c.children(":first-child"),k=c.length,f=h.containerWidth-k*h.headerWidth,e={play:function(m){var n=d.nextSlide(m&&m);if(d.playing){return}d.playing=setInterval(function(){j.eq(n()).trigger("click.liteAccordion")},h.cycleSpeed)},stop:function(){clearInterval(d.playing);d.playing=0},next:function(){e.stop();j.eq(d.currentSlide===k-1?0:d.currentSlide+1).trigger("click.liteAccordion")},prev:function(){e.stop();j.eq(d.currentSlide-1).trigger("click.liteAccordion")},destroy:function(){e.stop();b(window).unbind(".liteAccordion");g.attr("style","").removeClass("accordion basic dark light stitch").removeData("liteAccordion").unbind(".liteAccordion").find("li > :first-child").unbind(".liteAccordion").filter(".selected").removeClass("selected").end().find("b").remove();c.removeClass("slide").children().attr("style","")},debug:function(){return{elem:g,defaults:i,settings:h,methods:e,core:d}}},d={setStyles:function(){g.width(h.containerWidth).height(h.containerHeight).addClass("accordion").addClass(h.rounded&&"rounded").addClass(h.theme);c.addClass("slide").children(":first-child").width(h.containerHeight).height(h.headerWidth).eq(h.firstSlide-1).addClass("selected");j.each(function(m){var p=b(this),o=m*h.headerWidth,n=j.first().next(),q=parseInt(n.css("marginLeft"),10)||parseInt(n.css("marginRight"),10)||0;if(m>=h.firstSlide){o+=f}p.css("left",o).next().width(f-q).css({left:o,paddingLeft:h.headerWidth});h.enumerateSlides&&p.append("<b>"+(m+1)+"</b>")})},bindEvents:function(){if(h.activateOn==="click"){j.bind("click.liteAccordion",d.triggerSlide)}else{if(h.activateOn==="mouseover"){j.bind({"mouseover.liteAccordion":d.triggerSlide,"click.liteAccordion":d.triggerSlide})}}if(h.pauseOnHover&&h.autoPlay){g.bind("mouseover.liteAccordion",function(){d.playing&&e.stop()}).bind("mouseout.liteAccordion",function(){!d.playing&&e.play(d.currentSlide)})}},linkable:function(){var m=(function(){var o=[];c.each(function(){if(b(this).attr("name")){o.push((b(this).attr("name")).toLowerCase())}});return m=o})();var n=function(p){var o;if(p.type==="load"&&!window.location.hash){return}if(p.type==="hashchange"&&d.playing){return}o=b.inArray((window.location.hash.slice(1)).toLowerCase(),m);if(o>-1&&o<m.length){j.eq(o).trigger("click.liteAccordion")}};b(window).bind({"hashchange.liteAccordion":n,"load.liteAccordion":n})},currentSlide:h.firstSlide-1,nextSlide:function(m){var n=m+1||d.currentSlide+1;return function(){return n++%k}},playing:0,animSlideGroup:function(m,o,n){var p=n?":lt("+(m+1)+")":":gt("+m+")";c.filter(p).each(function(){var r=b(this),q=c.index(r);r.children().stop(true).animate({left:(n?0:f)+q*h.headerWidth},h.slideSpeed,h.easing,function(){if(!d.slideAnimCompleteFlag){h.onSlideAnimComplete.call(o);d.slideAnimCompleteFlag=true}})})},slideAnimCompleteFlag:false,triggerSlide:function(p){var o=b(this),m=j.index(o),n=o.next();d.currentSlide=m;d.slideAnimCompleteFlag=false;j.removeClass("selected").filter(o).addClass("selected");if(p.originalEvent&&h.autoPlay){e.stop();e.play(m)}if(h.linkable&&!d.playing){window.location.hash=o.parent().attr("name")}h.onTriggerSlide.call(n);d.animSlideGroup(m,n,true);d.animSlideGroup(m,n)},ieClass:function(){var m=+(b.browser.version).charAt(0);if(m<7){e.destroy()}if(m===7||m===8){c.each(function(n){b(this).addClass("slide-"+n)})}g.addClass("ie ie"+m)},init:function(){if(b.browser.msie){d.ieClass()}d.setStyles();d.bindEvents();if(h.cycleSpeed<h.slideSpeed){h.cycleSpeed=h.slideSpeed}if(h.linkable&&"onhashchange" in window){d.linkable()}h.autoPlay&&e.play()}};d.init();return e};b.fn.liteAccordion=function(e){var d=this,c=d.data("liteAccordion");if(typeof e==="object"||!e){return d.each(function(){var f;if(c){return}f=new a(d,e);d.data("liteAccordion",f)})}else{if(typeof e==="string"&&c[e]){if(e==="debug"){return c[e].call(d)}else{c[e].call(d);return d}}}}})(jQuery);


Donc le code que vous m'avez fourni je ne l'ai dans aucun de mes codes js, désolé

[Ea]

Il y est, dans la colonne URL il devrait y avoir quelque chose du genre :

Code:

http://unione-mafiose.keuf.net/12514.js

Les chiffres "514" peuvent changer ( à l'édition du script ), mais le deux premiers chiffres "12" au départ doivent être fixes.

Cordialement.

[Billy-Stones]

D'accord je vois, mais comment éditer l'url et puis vous dîtes que je peux changer uniquement le "514", qu'est-ce que je doit mettre à la place pour que l’accueil en accordéon marche sans la toolbar merci.

[Ea]

Il ne faut pas éditer l'url, il faut trouver le script que j'ai indiqué et :

-> soit le supprimer
-> soit le remplacer par celui présent dans le tutoriel :
https://forum.forumactif.com/t346838-titre-dans-la-notification-de-sujet-suivi

si vous ne trouvez pas le script malgré les explications, vous pouvez prendre une capture de la page Gestion des codes Javascript et je vous indiquerais avec une flèche de quel script il s'agit.

[Billy-Stones]

Bonsoir, désolé je n'ai pas trouvé voici les screens :

Spoiler:

Merci encore.

[Billy-Stones]

up, merci.

[Billy-Stones]

up, merci.

[Ea]

Cela c'est le script : http://unione-mafiose.keuf.net/15939.js

Le code à supprimer comme je l'ai dit plus haut, c'est le script : http://unione-mafiose.keuf.net/12514.js

[Billy-Stones]

Ah oui c'est bon je n'avais pas vue le script, merci beaucoup ! Problème résolu !