[AwesomeBB] Largeur du forum selon la page

[Zlork]

Détails techniques

Version du forum : AwesomeBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : https://gemurama.com/

Description du problème

Bonjour,

Dans les options, nous pouvons régler la largeur générale du forum, en pourcentage ou en pixel. Je voudrais savoir s'il est possible de la régler selon la page ?

Par exemple :

90% pour la page d'accueil
80% pour la page liste des sujets
70% pour la page des messages

Merci d'avance pour votre réponse

[Zlork]

Je relance

[Zlork]

Je relance

[Zlork]

Je relance

[MlleAlys]

Bonjour,
Pas dit que ce soit le plus efficace, mais à défaut d'une autre solution vous pouvez tester ce javascript :

Code:

$(function(){
  var page = window.location.pathname;
  if ( page =="/") {
    $('#wrap').css({"width":"90%", "max-width":"90%"});
  } else if (page.substring(0,2) =="/f") {
    $('#wrap').css({"width":"80%", "max-width":"80%"});
  } else if (page.substring(0,2) =="/t") {
    $('#wrap').css({"width":"70%", "max-width":"70%"});
  };
});

[Zlork]

D'abord, merci !

Ça marche mais le souci, c'est qu'à cause du temps de chargement du script, on voit les pages se rétrécir (ou s’agrandir)

Après j'ai juste donné un exemple pour savoir si c'était possible. En réalité, je veux juste réduire la page des messages à 60% voire 70%

[orpheus]

Bonsoir,

Si je peux me permettre, de mon côté, je ne voit pas les pages se rétrécir, tout se fait de manière fluide et rapide sur mon ordinateur.

[Zlork]

Bonsoir,

Si je peux me permettre, de mon côté, je ne voit pas les pages se rétrécir, tout se fait de manière fluide et rapide sur mon ordinateur.

Oui, c'est normal, j'ai désactivé le script pour le moment

[MlleAlys]

Je passe la main

[Zlork]

Pas de souci, MlleAlys, merci

Après s'il n'y a pas de solution efficace, ce n'est pas grave, je ferais sans.

[Zlork]

Je relance avec une question.

Il n'y a pas moyen de faire ça juste en modifiant le CSS ? Ou en insérant le script dans un template ?

[Zlork]

Je relance

[Zlork]

Je relance

[chattigre]

Bonjour,

Je confirme déjà, si vous espériez une autre solution, que ce ne sera pas possible autrement qu'en JS.
Maintenant, comme pour le mode sombre, on peut essayer de réduire au maximum la latence.

Avec un script du genre, à partir de ce qu'a fait MlleAlys :

Code:

var page = window.location.pathname;
if (page == "/") {
    document.documentElement.classList.add("page-index")
} else if (page.substring(0, 2) == "/f") {
    document.documentElement.classList.add("page-forum")
} else if (page.substring(0, 2) == "/t") {
    document.documentElement.classList.add("page-topic")
};

Et dans le CSS, ajoutez

Code:

.page-index #wrap {
  width: 90%;
}

.page-forum #wrap {
  width: 80%;
}

.page-topic #wrap {
  width: 70%;
}

Vous pouvez évidemment adapter les valeurs selon vos besoins. Nous vous donnons une base, mais libre à vous de l'adapter ensuite.
Si vous constatez encore une latence en le mettant en place via la Gestion des codes JS du Panneau d'administration, je vous invite à essayer de le mettre dans le template overall_header (entre balises <script> ) par exemple juste après le script du mode sombre.

Cordialement

[Zlork]

Bonsoir

Excuse moi mais le script ne fonctionne pas.

Pour la page d’accueil, ça fonctionne mais pas pour le reste ?

Code:

    $(function(){
    var page = window.location.pathname;
    if (page == "/") {
        document.documentElement.classList.add("page-index")
    } else if (page.substring(0, 2) == "/f") {
        document.documentElement.classList.add("page-forum")
    } else if (page.substring(0, 2) == "/t") {
        document.documentElement.classList.add("page-topic")
    };
    });

Il y a erreur dans le code ?

[chattigre]

Bonjour,

Le Script est pourtant bien fonctionnel de mon côté en testant.

Possible de le laisser en place le temps que je puisse tester directement sur votre forum ?

Merci
Cordialement

[Zlork]

Bonjour,

Le Script est pourtant bien fonctionnel de mon côté en testant.

Possible de le laisser en place le temps que je puisse tester directement sur votre forum ?

Merci
Cordialement

> https://gemutest.forumactif.com/f1-votre-1er-forum

J'ai mis le JS dans le module du Panneau d'administration (sur toutes les pages) et bien sûr le code CSS.

JS :

Code:

$(function(){
        var page = window.location.pathname;
        if (page == "/") {
            document.documentElement.classList.add("page-index")
        } else if (page.substring(0, 2) == "/f") {
            document.documentElement.classList.add("page-forum")
        } else if (page.substring(0, 2) == "/t") {
            document.documentElement.classList.add("page-topic")
        };
        });

CSS

Code:

    .page-index #wrap {
      width: 90%;
    }
   
    .page-forum #wrap {
      width: 80%;
    }
   
    .page-topic #wrap {
      width: 70%;
    }

[chattigre]

Ah oui, j'avais oublié les joies des flexbox ...

Code:

.page-index #wrap {
  width: 90%;
  min-width: 90%;
}

.page-forum #wrap {
  width: 80%;
  min-width: 80%;
}

.page-topic #wrap {
  width: 70%;
  min-width: 80%;
}

Pour le JS, vous pouvez retirer le $(function() { ... }); , le script est prévu pour fonctionner sans, et ça réduira la latence d'exécution

Cordialement

[Zlork]

Ca fonctionne très bien, merci beaucoup !