Bonsoir,

A l'instar de slycooper qui vous propose une solution pour modifier l'apparence du forum, je vous propose une solution pour afficher dans son intégralité un tutoriel.

Je ne sais pas pour vous, mais personnellement je n'aime pas du tout la nouvelle présentation et le nombre de clics nécessaire à l'affichage.

Pour afficher dans son intégralité un tutoriel, je vous propose un user script.

Pour l'utiliser, il faut installer l'extension greasemonkey sur Firefox. Sur Chrome, il n'y a rien à installer.

Ensuite, créer un fichier dont l'extension est "user.js" et dont l'encodage est UTF-8 (par exemple : "tuto.user.js").

Ensuite, collez le contenu ci-dessous : 

// ==UserScript==
// @name           Affichage de l'intégralité d'un tutoriel
// @namespace      sdz
// @include        http://www.siteduzero.com/informatique/tutoriels/*
// @include        http://www.siteduzero.com/sciences/tutoriels/*
// ==/UserScript==
  
  
  
function addJQuery(callback)
{
    var script = document.createElement("script");
    script.textContent = "window.$=jQuery.noConflict(true);(" + callback.toString() + ")();";
    document.body.appendChild(script);
}
  
 
  
function main() {
      
    // ne rien faire sur l'accueil d'un big tuto
    if ($(".chapterContainer").length > 0)
        return;
         
    var tab = new Array();
    var nb = 0;
    var total = $(".courseSummary").find('a').length;
	
	$(".summary").before("<h4 style=\"text-align:center\" id=\"loadingTutoParts\">Chargement des sous-parties en cours...</h4>");
     
    $(".courseSummary").find('a').each(function(index) {
	
        $.ajax({
            url: $(this).attr('href'),
            error: function() {
                tab[index] = "<section class=\"tutorial\"><div id=\"content\"><h4><a href=\"" + this.url + "\">Erreur lors du chargement</a></h4><br /></div></section>"
                nb++;
                 
                if (total == nb)
                {
                    var insert = "";
 
                    for (i = 0; i < tab.length; i++)
                        insert += tab[i];
                         
                    $(".summary").html(insert);
					$("#loadingTutoParts").remove();
                }
            },
            success: function(result) {
                tab[index] = "<section class=\"tutorial\"><div id=\"content\"><h4><a href=\"" + this.url + "\">" + $(result).find(".tutoTitle").find("h1").text().trim() + "</a></h4><br />" + $(result).find(".tutorial").find("#content").html() + "</div></section>";
                nb++;
                 
                if (total == nb)
                {
                    var insert = "";
 
                    for (i = 0; i < tab.length; i++)
                        insert += tab[i];
                         
                    $(".summary").html(insert);
					$("#loadingTutoParts").remove();
                }
            }
        });
  
    });   
}
 
  
if (window.location.href.substring(0, 49) == "http://www.siteduzero.com/informatique/tutoriels/" || window.location.href.substring(0, 45) == "http://www.siteduzero.com/sciences/tutoriels/")
    addJQuery(main);

Sur Chrome :

Rendez-vous sur la page des extensions et il suffit de glisser-déposer le fichier.

Sur firefox :

Il suffit de glisser-déposer le fichier dans un onglet et de cliquer sur "installer".

N'hésitez pas à améliorer la chose, mais pour moi, ça fait le boulot. 

Par contre, il y a quelques inconvénients :
- plus de coloration syntaxique
- plus de smiley

J'oubliai, la largeur est aussi augmentée via la suppression du "j'ai une question où une remarque"

Les smileys, on s'en passera

Pourquoi ne pas l'uploader sur http://userscripts.org/ ?

Le solutionneur a écrit:

Les smileys, on s'en passera

Pourquoi ne pas l'uploader sur http://userscripts.org/ ?

Xavinou a écrit:

Le solutionneur a écrit:

Les smileys, on s'en passera

Pourquoi ne pas l'uploader sur http://userscripts.org/ ?

Pas trop envie de créer un compte pour ça...

Ca fonctionne qu'a partir des pages d'introduction de chaque chapitre ?

Parce que chez moi c'est le seul moyen que j'ai trouvé pour obtenir l'effet que tu décris, et si l'on clique sur page suivante on n'arive pas sur le chapitre suivant, mais sur la partie 1 du chapitre déjà lu ....

Sinon c'est nickel, merci

slycooper a écrit:

Ca fonctionne qu'a partir des pages d'introduction de chaque chapitre ?

Parce que chez moi c'est le seul moyen que j'ai trouvé pour obtenir l'effet que tu décris, et si l'on clique sur page suivante on n'arive pas sur le chapitre suivant, mais sur la partie 1 du chapitre déjà lu ....

Sinon c'est nickel, merci

Oui, il faut être au début du tuto/chapitre. Si on arrive directement sur un sous-partie, il n'y a que celle-là.

D'ailleurs, j'ai modifié le script pour afficher le lien vers la sous-partie. Comme-ça, si on veut la coloration/smiley, il y a un accès direct.

J'ai amélioré un peu le script.

Maintenant, le chargement des sous-parties se fait de manière asynchrone. Du coup, plus de freeze pendant le chargement et celui-ci est maintenant plus rapide.

Testé et approuvé ! Sa y sera pour la prochaine version de l'extension SDZ-extend.

Pour les curieux : http://www.siteduzero.com/forum/sujet/plugin-googlechrome-sdz-extend

Xavinou a écrit:

Petit ajout au script : indicateur de chargement en cours (un simple texte, pas de gif animé ou autre ).

Déjà mis dans la mise à jour de l'extension .