Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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

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

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

Message par superhomme Mer 5 Mai 2021 - 8:20

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:
ModernBB - Soucis avec les couleurs, code CSS, panneau d'admin hélas limité, thème foncé, etc. Zprobl10

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

Description du problème

Bonjour Forumactif et membres du forum

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

superhomme
***

Masculin
Messages : 142
Inscrit(e) le : 24/11/2008

Voir le profil de l'utilisateur http://transformers.1fr1.net/
superhomme a été remercié(e) par l'auteur de ce sujet.

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

Message par superhomme Jeu 6 Mai 2021 - 7:48

Up S.V.P.
superhomme

superhomme
***

Masculin
Messages : 142
Inscrit(e) le : 24/11/2008

Voir le profil de l'utilisateur http://transformers.1fr1.net/
superhomme a été remercié(e) par l'auteur de ce sujet.

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

Message par superhomme Ven 7 Mai 2021 - 7:19

Up S.V.P.
superhomme

superhomme
***

Masculin
Messages : 142
Inscrit(e) le : 24/11/2008

Voir le profil de l'utilisateur http://transformers.1fr1.net/
superhomme a été remercié(e) par l'auteur de ce sujet.

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

Message par superhomme Sam 8 Mai 2021 - 7:00

Up S.V.P.
superhomme

superhomme
***

Masculin
Messages : 142
Inscrit(e) le : 24/11/2008

Voir le profil de l'utilisateur http://transformers.1fr1.net/
superhomme a été remercié(e) par l'auteur de ce sujet.

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

Message par Milouze14 Sam 8 Mai 2021 - 8:56

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 ModernBB - Soucis avec les couleurs, code CSS, panneau d'admin hélas limité, thème foncé, etc. Sans_t10

Tu devrais obtenir satisfaction cher ami Wink .
a++
Milouze14

Milouze14
Membre actif

Masculin
Messages : 6559
Inscrit(e) le : 18/04/2005

Voir le profil de l'utilisateur https://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

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

Message par superhomme Sam 8 Mai 2021 - 19:09

Merci beaucoup Milouze14.  cheers 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.
ModernBB - Soucis avec les couleurs, code CSS, panneau d'admin hélas limité, thème foncé, etc. Zbogue10


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):
ModernBB - Soucis avec les couleurs, code CSS, panneau d'admin hélas limité, thème foncé, etc. Tchat10


Dernière édition par superhomme le Dim 9 Mai 2021 - 18:22, édité 1 fois
superhomme

superhomme
***

Masculin
Messages : 142
Inscrit(e) le : 24/11/2008

Voir le profil de l'utilisateur http://transformers.1fr1.net/
superhomme a été remercié(e) par l'auteur de ce sujet.

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

Message par superhomme Dim 9 Mai 2021 - 18:20

Up S.V.P.

@superhomme a écrit: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.
ModernBB - Soucis avec les couleurs, code CSS, panneau d'admin hélas limité, thème foncé, etc. Zbogue10

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):
ModernBB - Soucis avec les couleurs, code CSS, panneau d'admin hélas limité, thème foncé, etc. Tchat10
superhomme

superhomme
***

Masculin
Messages : 142
Inscrit(e) le : 24/11/2008

Voir le profil de l'utilisateur http://transformers.1fr1.net/
superhomme a été remercié(e) par l'auteur de ce sujet.

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

Message par superhomme Lun 10 Mai 2021 - 7:02

UP S.V.P.
superhomme

superhomme
***

Masculin
Messages : 142
Inscrit(e) le : 24/11/2008

Voir le profil de l'utilisateur http://transformers.1fr1.net/
superhomme a été remercié(e) par l'auteur de ce sujet.

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

Message par Milouze14 Lun 10 Mai 2021 - 19:17

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

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 ModernBB - Soucis avec les couleurs, code CSS, panneau d'admin hélas limité, thème foncé, etc. Sans_t10

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


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


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


a++
Milouze14

Milouze14
Membre actif

Masculin
Messages : 6559
Inscrit(e) le : 18/04/2005

Voir le profil de l'utilisateur https://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

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

Message par superhomme Mar 11 Mai 2021 - 17:07

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

Malheureusement Sad , 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.
superhomme

superhomme
***

Masculin
Messages : 142
Inscrit(e) le : 24/11/2008

Voir le profil de l'utilisateur http://transformers.1fr1.net/
superhomme a été remercié(e) par l'auteur de ce sujet.

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

Message par Milouze14 Mar 11 Mai 2021 - 18:51

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 ModernBB - Soucis avec les couleurs, code CSS, panneau d'admin hélas limité, thème foncé, etc. Sans_t10

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

Milouze14
Membre actif

Masculin
Messages : 6559
Inscrit(e) le : 18/04/2005

Voir le profil de l'utilisateur https://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

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

Message par superhomme Mar 11 Mai 2021 - 19:21

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

superhomme
***

Masculin
Messages : 142
Inscrit(e) le : 24/11/2008

Voir le profil de l'utilisateur http://transformers.1fr1.net/
superhomme a été remercié(e) par l'auteur de ce sujet.

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

Message par Milouze14 Mar 11 Mai 2021 - 19:49

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

a++
Milouze14

Milouze14
Membre actif

Masculin
Messages : 6559
Inscrit(e) le : 18/04/2005

Voir le profil de l'utilisateur https://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

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


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