[EDGE] Afficher les forums de la catégorie dans la liste des sujets

[Milouze14Fondateur]

Hello les ami(e)s,

cette astuce vous permettra d'avoir l'équivalent présent sur ce forum dans la liste des sujets.
En fait, lorsque vous êtes sur la liste des sujets d'un forum quelconque, il faut cliquer sur le lien du fil d'ariane de la catégorie pour afficher de nouveau tous les autres forums de cette dernière

Exemple avec l'entraide ici:
https://www.milouze14.com/f108-entraide-tous-supports

-Astuce des Forums Milouze14&Compagnie- Astuce postée par: Réponse automatique: Merci de cliquer ici pour voir le message Pour toute information,merci de contacter un Membre du Staff

Modules/HTML JAVASCRIPT/Gestion des codes JavascriptCréer un nouveau javascript


Mettez un titre explicite.
Cochez sur les sous-forums.


Déposez ceci:

Code:


$(function(){
$('h1.page-title').after('<div id="M14_breadcrumbsCat"class="color-primary"style="display:none;height:auto;padding:5px;width:25%;text-align: center;margin-bottom: 10px;margin-top: 10px;"><span class="M14_InfocatsousClose"style="cursor:pointer;float:left;"title="Fermer"></span></div>');
$('.breadcrumbs:first').find('a.nav[href^="/c"]').after('<span class="M14_Infocatsous"style="display:none;cursor:pointer;margin: 0px 10px;"></span>');
     var link=$('.breadcrumbs:first').find('a.nav[href^="/c"]').attr('href');
$.get(link , function(data){
var numCat=$(data).find('.forum-category').find('a.forumtitle[href^="/f"]').length;
$(data).find('.forum-category').find('a.forumtitle[href^="/f"]').each(function(){
var Link=$(this).attr('href');
var texte=$(this).text();
if(numCat>1)
{
$('.M14_Infocatsous').show();
$('.M14_Infocatsous').attr('title','Afficher les '+numCat+' forums de cette catégorie');
}
else
{
$('#M14_breadcrumbsCat,.M14_Infocatsous').remove();    
}
$('#M14_breadcrumbsCat').append('<a class="nav"href="'+Link+'"style="color:white !important;margin: 0px 3px 0px 3px;display: list-item;list-style:none;">'+texte+'</a>');

});
  // start tooltipster
$('.M14_Infocatsous,.M14_InfocatsousClose').tooltipster({
          animation : 'grow',
          arrow : true,
          speed : 300,
          delay : 300,
          onlyOne : true,
          theme : 'tooltipster-default'
        });
        // end tooltipster
$('.M14_Infocatsous').click(function(){
$(this).fadeOut();
$('#M14_breadcrumbsCat').fadeIn();});
$('.M14_InfocatsousClose ').click(function(){
$('#M14_breadcrumbsCat').fadeOut();
$('.M14_Infocatsous').fadeIn();});
});});



Pensez a cliquer sur le bouton Valider

La version EDGE est pourvue d'office de la librairie "FontAwesome" , il n'y aura donc pas d'image, on procédera donc au placement des boutons:

Voir les boutons disponibles ici:
http://seehowsupport.com/font-awesome/

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Déposez ceci:

Code:


/*BOUTON D OUVERTURE*/
span.M14_Infocatsous:before
{
content:"\f067";font-family: FontAwesome;font-size:12px;margin: 0px 2px 0px 2px;
}
/*BOUTON DE FERMETURE*/
span.M14_InfocatsousClose:before
{
content:"\f00d";font-family: FontAwesome;font-size:12px;margin: 0px 2px 0px 2px;
}



Pensez à valider les modifications en cliquant sur le bouton Valider







Voilà,c'est tout pour le moment.
Un soucis?
Direction l'entraide 
https://www.milouze14.com/f108-entraide-tous-supports

[badaboumMilouzien élite]

Merci beaucoup Philou

[Milouze14Fondateur]

Hello @badaboum ,

ben ma tite Camille, tu as un forum ?

[badaboumMilouzien élite]

Ben non, mais je te remercie pour ceux qui oublient...

[Milouze14Fondateur]

Tu es toute mimi ma tite Camille

[chrisnvidiaMilouzien]

Merci beaucoup !

[msfeettoesMilouzien]

Merci beaucoup !

[SplashMilouzien]

Merci beaucoup !