ModernBB - Soucis avec les couleurs, code CSS, panneau d'admin hélas limité, thème foncé, etc.

[superhomme]

Détails techniques

Version du forum : ModernBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Autre
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum Forum : https://www.transformersfr.com/forum
Lien du forum Forum Test : https://transf.kanak.fr/forum

Description du problème

Bonjour Forumactif et membres du forum

• Problème actuel #1:

Quand on divise un sujet sous forum ModernBB... y-a-t-il moyen d'agrandir la fenêtre de division, car quand le sujet est long, l'espace est trop restreint.

Avez-vous svp une solution merci.


• Problème actuel #2:

Comment réduire la hauteur/largeur/longueur des sondages sous ModernBB, c'est tellement énorme au début du message que ça enlève quasiment le goût d'avoir des sondages dans un sujet, avez-vous une solution svp ?



• Ceci on en parle plus #3:

Comment réduire la largeur des headers sur la page principal et dans la liste des sujets. Sous ModernBB contrairement à PhpBB2, tout est étiré en longueur. Comment puis-je écraser ça un peu plus comme PhpBB2. Exemple en image que j'ai emprunté:
- https://www.zupimages.net/up/20/28/7gl1.png | - https://www.zupimages.net/up/20/27/f3yv.png



• Ceci on en parle plus #4:

Avant de l'appliquer à mon forum, j'essais de faire des test avec mon Forum Test https://transf.kanak.fr/forum pour moderniser mon forum sous ModernBB (je veux quitter phpBB2 pour ModernBB). J'utilise le thème "FM21 par trochkevin".

Voilà je remarque des soucis quand on a un fond foncé, que ça soit sur ModernBB, phpBB3, etc.., si je change tel couleur ça affecte énormément l'Éditeur de message et le T-Chat. ModernBB ne semble pas conçu pour avoir un fond foncé et texte blanc (je ne veux pas de fond blanc et texte noir comme le standard).

Exemple, dans le panneau d'admin, avec une couleur du Texte Blanc + Couleur de fond de l'éditeur (Zone de saisie de texte) gris, voici mes soucis avec l'Éditeur de message:
- dans la réponse rapide: fond gris + texte noir => ça peut aller, c'est lisible.
- une fois appuyez sur Prévisualisation: fond gris + texte blanc => C'est illisible, ensuite dans les boutons "Insérer un lien", "embed", etc => le texte blanc sur fond blanc => on ne voit rien, ça ne va pas on s'entend.

Mon essai en CSS pour tâché d'y remédier mais sans le résultat désiré:

Code:

#quick_reply .sceditor-container iframe, .sceditor-container textarea{background-color: #ffffff !important; color: #000000 !important; }

Voici mes soucis avec l'Éditeur de message suite à ce code CSS:
- dans la réponse rapide: fond blanc + texte noir => C'est ça que je veux. Malheureusement les boutons "Insérer un lien" c'est fond blanc + texte blanc, c'est illisible
- par contre soucis aussi en appuyez sur Prévisualisation: Titre du message c'est la Couleur de fond 2 foncé que j'utilise + texte noir, résultat du code CSS ci-haut. C'est illisible hélas. Et malheureusement encore les boutons "Insérer un lien" c'est fond blanc + texte blanc, c'est illisible

Mon 2e essai en CSS pour tâché d'y remédier mais sans le résultat désiré:

Code:

input[type=text]{color: #000000 !important;}

Voici mes soucis avec l'Éditeur de message suite à ce code CSS:
- dans la réponse rapide: fond blanc + texte noir => C'est ça que je veux, même les boutons "Insérer un lien" c'est fond blanc + texte noir
- par contre soucis une fois appuyez sur Prévisualisation: Titre du message c'est la Couleur de fond 2 foncé que j'utilise + texte noir, résultat du code CSS ci-haut. C'est illisible hélas.

J'essai un 3e code CSS pour tâché d'y remédier mais sans le résultat désiré:

Code:

input, select{background-color: #4b2a31 !important;}

Ce code CSS affecte les boutons "Prévisualisation" + "Envoyer" (ne change plus de couleur quand le curseur par dessus), ça affecte les champs de réponses un peu partout, aucun moyen de sélectionner que ceux désirés, là c'est tout ou rien.
-> Je veux surtout changer que la couleur de fond du titre du message.

Avez-vous SVP des solutions ? Ça faciliterait si le panneau d'Admin avait plus de champ de couleur que pour l'Éditeur de message sans affecté le reste du forum.

Là je suis obligé de jouer avec du code CSS et je n'y parviens pas à mon grand regret. Je suis fier d'être sur forumactif, un excellent service cordiale, c'est juste un gros bogue qui me gêne à mon grand regret. Que puis-je faire ? Faites le test de votre côté avec le thème que j'utilise.

Je patiente mon tour que vous puissiez m'aider svp, merci d'avance.

[superhomme]

Up S.V.P.

[superhomme]

Up S.V.P.

[superhomme]

Up S.V.P.

[Invité]

Hello superhomme,
pour l'éditeur tu peux modifier la couleur dans tes couleurs ici:
Couleur de fond de l'éditeur (Zone de saisie de texte) : ==> #BABABA
Modifie en couleur blanche, c'est à dire ==> #ffffff

Ensuite déposes ceci dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Ajoutes ceci:

Code:


fieldset dl:hover dt label,select, select option,input[type="text"]{color:#fff!important;}
div.sceditor-dropdown input,textarea{color:#000!important;}


Penses à cliquer sur le bouton

Tu devrais obtenir satisfaction cher ami .
a++

[superhomme]

Merci beaucoup Milouze14.   Ton code CSS fonctionne. Je te remercie sincèrement de ton temps et effort.

Puis-je poursuivre dans ce sujet cette question à titre de curiosité :
- Ce code CSS que vous m'avez donné, serait-il possible et pas trop demandé si je pouvais l'avoir en javascript aussi ? Est-ce possible en javascript ? Est-ce mieux en CSS ou javascript ou pas de différence ?
- Pourquoi le panneau d'admin ne nous offre pas encore en 2021 le choix des couleurs de l'éditeur de message plus poussé au lieu d'avoir recours au CSS ? Ça ne semble surement possible de faire, à moins que la tâche est trop complexe et/ou le staff est débordé avec d'autres priorités, je comprend ça.


EDIT: Autre Bogue: Fond blanc et texte gris pour les fenêtres de saut et outil de modération/admin hélas. Avez-vous un code a rajouter svp.



Finalement, autre soucis en couleur en MOBILE sur le T-Chat si vous pouvez m'aider svp, fond blanc avec texte gris, y-a-t-il un javascript ou css ou template à modifier pour remédier à ça (aucun soucis en version PC standard, soucis juste en mobile):

[superhomme]

Up S.V.P.

Autre Bogue: Fond blanc et texte gris pour les fenêtres de saut et outil de modération/admin hélas. Avez-vous un code a rajouter svp.


Finalement, autre soucis en couleur en MOBILE sur le T-Chat si vous pouvez m'aider svp, fond blanc avec texte gris, y-a-t-il un javascript ou css ou template à modifier pour remédier à ça (aucun soucis en version PC standard, soucis juste en mobile):

[superhomme]

UP S.V.P.

[Invité]

Hello superhomme,
alors tant que cela est possible,il faut passer par la feuille de style.
Ensuite, ce que tu vois via les couleurs de ton P.A ne peut pas toucher l'ensemble des class de ton forum!!
Tu utilises un fond très foncé, il faut donc jouer avec la feuille de style pour contourner tout cela .

Pour la demande du menu déroulant, ajoutes ceci dans ta feuille de style:

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Ajoutes ceci:

Code:


select option{background:#292f33!important;}


Penses à cliquer sur le bouton

Pour la chatbox, on passera par contre par un script et colorer de façon a que tout soit clair au visuel, j'ai implanté ton thème sur mon fofo de tests et tu devrais avoir le même résultat.

Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Codes Javascript

Activer la gestion des codes Javascript : Oui Non

Mets un titre explicite.

Sur la ChatBox



Déposes ceci:

Code:


$(function(){
$('head').before('<style>.user-msg .user .msg span[style]{color:#666!important;} .chat-editor-inner input,.right-box.style-buttons{background-color:#292f33!important;}.chatbox,#chatbox, #chatbox p[class^="chatbox_row"]{background-color:#fff!important;}</style>');
});


Penses a cliquer sur le bouton VALIDER








a++

[superhomme]

J'apprécie énormément ton aide et ton temps Milouze14...

Malheureusement , ton javascript sur le T-Chat a des répercutions sur la version PC standard, fond blanc et texte gris pale, impossible de lire.

Sur la version mobile, fond blanc et texte gris pale de mon côté.

Y a-t-il moyen d'avoir les couleurs version PC sur le mobile svp ? Je vais patienter quand vous aurez le temps, y a pas de soucis, merci d'essayer de m'aider.

En tout respect envers les grands efforts que font l'équipe de forumactif pour leurs forums qu'on adore... Ça serait tellement plus facile si forumactif prendrait note de mes observations pour améliorer le panneau d'admin pour l'ajout de choix de couleur dans le panneau d'admin au lieu de devoir testé des codages pour colmaté ces observations.

[Invité]

Hello superhomme,
effectivement cela touche certaine partie, mais comme je l'avais mentionné dans mon message précédent ton thème est vraiment très sombre et difficilement paramétrable sur les deux modes..

Tu peux tester ce style pour les deux modes avec un fond bleu:
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Ajoutes ceci:

Code:


.text-field input[name="message"],
button[name="submit_button"] i,
.right-box.style-buttons i,
#help-button, .fontbutton
{color:#fff!important;}
.chat-editor-inner input,
.right-box.style-buttons,
#chatbox_footer{background-color:#0598E4!important;}
.chatbox,#chatbox, #chatbox p[class^="chatbox_row"]
{background-color:#fff!important;}




Penses à cliquer sur le bouton

Désolé mais je passe la main cher ami.
a++

[superhomme]

Resalut Milouze14

Je respect que tu passe la main, j'ai apprécié ton aide.

Alors ton aide m'a amené à bidouiller avec ce que tu m'a donné, malgré que je n'y comprend rien, les tests et erreurs mon amener à ce code qui répond presque à ce que je veux, voici mon javascript:

Code:

$(function(){
$('head').before('<style>
.chat-editor-inner input,.right-box.style-buttons{background-color:#292f33!important;}
.chatbox, #chatbox p[class^="chatbox_row"]{background-color:#292f33 !important;}</style>');
});

Le seul bémol, l'heure est écrit en noir (pas génial) en mobile et en gris en version PC (génial).

Y-a-t-il quelqu'un qui sait comment mettre l'heure écrit en noir actuellement en mobile en gris sur version mobile ?

Si personne ne peut, j'aurai quand même fait un bon pas mieux qu'à mon départ, merci Milouze14.

[Invité]

Re,
vaut mieux passer par la feuille de style et oublier le script cher ami .

a++

[superhomme]

Salut, mon soucis moment:

Quand on divise un sujet sous forum ModernBB... y-a-t-il moyen d'agrandir la fenêtre de division, car quand le sujet est long, l'espace est trop restreint.

Avez-vous svp une solution merci.

[superhomme]

UP S.V.P.
― mon soucis moment ci-bas, merci d'avance.

Salut, mon soucis moment:

Quand on divise un sujet sous forum ModernBB... y-a-t-il moyen d'agrandir la fenêtre de division, car quand le sujet est long, l'espace est trop restreint.

Avez-vous svp une solution merci.

[superhomme]

UP S.V.P.

Bonjour Forumactif et membres du forum

• Problème actuel #1:

Quand on divise un sujet sous forum ModernBB... y-a-t-il moyen d'agrandir la fenêtre de division, car quand le sujet est long, l'espace est trop restreint.

Avez-vous svp une solution merci.


• Problème actuel #2:

Comment réduire la largeur des headers sur la page principal et dans la liste des sujets. Sous ModernBB contrairement à PhpBB2, tout est étiré en longueur. Comment puis-je écraser ça un peu plus comme PhpBB2. Exemple en image que j'ai emprunté:

- https://www.zupimages.net/up/20/28/7gl1.png
- https://www.zupimages.net/up/20/27/f3yv.png


• Problème actuel #3:

Comment réduire la hauteur/largeur/longueur des sondages sous ModernBB, c'est tellement énorme au début du message que ça enlève quasiment le goût d'avoir des sondages dans un sujet, avez-vous une solution svp ?

[superhomme]

UP S.V.P.

Bonjour Forumactif et membres du forum

• Problème actuel #1:

Quand on divise un sujet sous forum ModernBB... y-a-t-il moyen d'agrandir la fenêtre de division, car quand le sujet est long, l'espace est trop restreint.

Avez-vous svp une solution merci.


• Problème actuel #2:

Comment réduire la largeur des headers sur la page principal et dans la liste des sujets. Sous ModernBB contrairement à PhpBB2, tout est étiré en longueur. Comment puis-je écraser ça un peu plus comme PhpBB2. Exemple en image que j'ai emprunté:

- https://www.zupimages.net/up/20/28/7gl1.png
- https://www.zupimages.net/up/20/27/f3yv.png


• Problème actuel #3:

Comment réduire la hauteur/largeur/longueur des sondages sous ModernBB, c'est tellement énorme au début du message que ça enlève quasiment le goût d'avoir des sondages dans un sujet, avez-vous une solution svp ?

[superhomme]

UP S.V.P.

Bonjour Forumactif et membres du forum

• Problème actuel #1:

Quand on divise un sujet sous forum ModernBB... y-a-t-il moyen d'agrandir la fenêtre de division, car quand le sujet est long, l'espace est trop restreint.

Avez-vous svp une solution merci.


• Problème actuel #2:

Comment réduire la largeur des headers sur la page principal et dans la liste des sujets. Sous ModernBB contrairement à PhpBB2, tout est étiré en longueur. Comment puis-je écraser ça un peu plus comme PhpBB2. Exemple en image que j'ai emprunté:

- https://www.zupimages.net/up/20/28/7gl1.png
- https://www.zupimages.net/up/20/27/f3yv.png


• Problème actuel #3:

Comment réduire la hauteur/largeur/longueur des sondages sous ModernBB, c'est tellement énorme au début du message que ça enlève quasiment le goût d'avoir des sondages dans un sujet, avez-vous une solution svp ?

[superhomme]

UP S.V.P.

Bonjour Forumactif et membres du forum

• Problème actuel #1:

Quand on divise un sujet sous forum ModernBB... y-a-t-il moyen d'agrandir la fenêtre de division, car quand le sujet est long, l'espace est trop restreint.

Avez-vous svp une solution merci.


• Problème actuel #2:

Comment réduire la hauteur/largeur/longueur des sondages sous ModernBB, c'est tellement énorme au début du message que ça enlève quasiment le goût d'avoir des sondages dans un sujet, avez-vous une solution svp ?

[superhomme]

UP S.V.P.

[Chacha]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[superhomme]

UP S.V.P.

Bonjour Forumactif et membres du forum

• Problème actuel #1:

Quand on divise un sujet sous forum ModernBB... y-a-t-il moyen d'agrandir la fenêtre de division, car quand le sujet est long, l'espace est trop restreint.

Avez-vous svp une solution merci.


• Problème actuel #2:

Comment réduire la hauteur/largeur/longueur des sondages sous ModernBB, c'est tellement énorme au début du message que ça enlève quasiment le goût d'avoir des sondages dans un sujet, avez-vous une solution svp ?

[Chacha]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[superhomme]

UP S.V.P.

[superhomme]

UP S.V.P.

Bonjour Forumactif et membres du forum

• Problème actuel #1:

Quand on divise un sujet sous forum ModernBB... y-a-t-il moyen d'agrandir la fenêtre de division, car quand le sujet est long, l'espace est trop restreint.

Avez-vous svp une solution merci.


• Problème actuel #2:

Comment réduire la hauteur/largeur/longueur des sondages sous ModernBB, c'est tellement énorme au début du message que ça enlève quasiment le goût d'avoir des sondages dans un sujet, avez-vous une solution svp ?

[superhomme]

UP S.V.P.

Ce n'est peut-être pas possible ce que je demande. Dites-le et je vis avec.

Bonjour Forumactif et membres du forum

• Problème actuel #1:

Quand on divise un sujet sous forum ModernBB... y-a-t-il moyen d'agrandir la fenêtre de division, car quand le sujet est long, l'espace est trop restreint.

Avez-vous svp une solution merci.


• Problème actuel #2:

Comment réduire la hauteur/largeur/longueur des sondages sous ModernBB, c'est tellement énorme au début du message que ça enlève quasiment le goût d'avoir des sondages dans un sujet, avez-vous une solution svp ?