[AwesomeBB] Largeur du forum selon la page

3 participants

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

Résolu [AwesomeBB] Largeur du forum selon la page

Message par Invité Jeu 12 Jan 2023 - 9:39

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
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [AwesomeBB] Largeur du forum selon la page

Message par Invité Ven 13 Jan 2023 - 16:37

Je relance Smile
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [AwesomeBB] Largeur du forum selon la page

Message par Invité Dim 15 Jan 2023 - 8:41

Je relance Smile
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [AwesomeBB] Largeur du forum selon la page

Message par Invité Lun 16 Jan 2023 - 9:50

Je relance Smile
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [AwesomeBB] Largeur du forum selon la page

Message par MlleAlys Lun 16 Jan 2023 - 16:43

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%"});
  };
});
MlleAlys

MlleAlys
Membre actif

Messages : 5886
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [AwesomeBB] Largeur du forum selon la page

Message par Invité Lun 16 Jan 2023 - 17:31

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% Smile
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [AwesomeBB] Largeur du forum selon la page

Message par orpheus Lun 16 Jan 2023 - 20:08

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.
orpheus

orpheus
*****

Messages : 742
Inscrit(e) le : 21/05/2009

https://empiredesouvenirs.forumactif.com
orpheus a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [AwesomeBB] Largeur du forum selon la page

Message par Invité Lun 16 Jan 2023 - 20:20

orpheus a écrit: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 Laughing
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [AwesomeBB] Largeur du forum selon la page

Message par MlleAlys Mar 17 Jan 2023 - 19:16

Je passe la main Razz
MlleAlys

MlleAlys
Membre actif

Messages : 5886
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [AwesomeBB] Largeur du forum selon la page

Message par Invité Mer 18 Jan 2023 - 11:40

Pas de souci, MlleAlys, merci Smile

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

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [AwesomeBB] Largeur du forum selon la page

Message par Invité Jeu 19 Jan 2023 - 14:55

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 ?
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [AwesomeBB] Largeur du forum selon la page

Message par Invité Ven 20 Jan 2023 - 14:59

Je relance Smile
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [AwesomeBB] Largeur du forum selon la page

Message par Invité Sam 21 Jan 2023 - 17:52

Je relance Smile
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [AwesomeBB] Largeur du forum selon la page

Message par chattigre Sam 21 Jan 2023 - 18:09

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
chattigre

chattigre
Aidactif
Aidactif

Masculin
Messages : 3613
Inscrit(e) le : 17/04/2019

https://test1-chattigre.forumactif.fr
chattigre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [AwesomeBB] Largeur du forum selon la page

Message par Invité Sam 21 Jan 2023 - 20:47

Bonsoir Smile

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 ?
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [AwesomeBB] Largeur du forum selon la page

Message par chattigre Dim 22 Jan 2023 - 11:13

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
chattigre

chattigre
Aidactif
Aidactif

Masculin
Messages : 3613
Inscrit(e) le : 17/04/2019

https://test1-chattigre.forumactif.fr
chattigre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [AwesomeBB] Largeur du forum selon la page

Message par Invité Dim 22 Jan 2023 - 15:15

chattigre a écrit: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%;
    }
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [AwesomeBB] Largeur du forum selon la page

Message par chattigre Dim 22 Jan 2023 - 15:22

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

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 Smile

Cordialement
chattigre

chattigre
Aidactif
Aidactif

Masculin
Messages : 3613
Inscrit(e) le : 17/04/2019

https://test1-chattigre.forumactif.fr
chattigre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [AwesomeBB] Largeur du forum selon la page

Message par Invité Dim 22 Jan 2023 - 16:14

Ca fonctionne très bien, merci beaucoup !
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum