Probléme visuel suite a la modification du CSS.
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Probléme visuel suite a la modification du CSS.
Détails techniques
Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari, Autre
Capture d'écran du problème :
- Voir l'image:
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : modification du CSS
Lien du forum : http://co-opgames.fra.co/
Description du problème
Une amie à fait l'esthétique de mon forum en CSS, de mon côté je lui fournissais les éléments (image,flash..) de son côté elle entrée les codes car moi je ne mis connais absolument pas en CSS. Mais en plein travaille je n'est plus jamais eu de nouvelle d'elle :'( cela fait maintenant plusieurs mois.J’ai déjà exposé mon problème CSS il y a plusieurs mois sur mon forum mais malheureusement personne n'a pu m’aidè alors je fais appel a vous s'il vous plait
Je vais détailler un peu plus mon problème en espérant trouvé une solution au plus vite.
Comme on peut le voir ici on ne voit pas quand on ce log, l'écriture est blanche sur un fond blanc !
Pourtant il y a aussi un log sur la page d 'accueil celui-ci est correcte ! pourquoi les deux sont-il différents ? il devrait être identique.
Ensuite un très gros problème qui est le plus désagréable et qui gène nettement au développement du forum. On ne voit quasiment pas ce que l'on écrit ,pour rédigé des longs textes c'est super chiant. j'ai entouré en rouge la phrase
Voici mon code CSS pour le forum si vous trouvez quel ligne est a modifier je vous en serait très très reconnaissant.
Dernière édition par Jon11noJ le Dim 21 Juin 2015 - 15:40, édité 4 fois (Raison : ajout des image)
Re: Probléme visuel suite a la modification du CSS.
Bonjour,
La couleur mise en fond de certaines zones de saisie est en fait celle des "Table Rangée Couleur 2 et surbrillance". Comme vous n'avez pas renseigné cette couleur, le fond reste blanc dans les zones de saisie. ^^
Ajoutez le code suivant à votre feuille de style css :
Pour ce qui est de de "on ne voit quasiment pas ce que l'on écrit", sans description un peu plus précise, difficile de dire d'où ça peut venir, quel est le problème exactement ?
"j'ai entouré en rouge la phrase", "Voici mon code CSS pour le forum" > ... ou ça ? J'ai l'impression qu'il manque des éléments dans votre message...
La couleur mise en fond de certaines zones de saisie est en fait celle des "Table Rangée Couleur 2 et surbrillance". Comme vous n'avez pas renseigné cette couleur, le fond reste blanc dans les zones de saisie. ^^
Ajoutez le code suivant à votre feuille de style css :
- Code:
input {
background-color: #000000;
}
Pour ce qui est de de "on ne voit quasiment pas ce que l'on écrit", sans description un peu plus précise, difficile de dire d'où ça peut venir, quel est le problème exactement ?
"j'ai entouré en rouge la phrase", "Voici mon code CSS pour le forum" > ... ou ça ? J'ai l'impression qu'il manque des éléments dans votre message...
Dernière édition par MlleAlys le Dim 21 Juin 2015 - 14:33, édité 1 fois
MlleAlys- Membre actif
- Messages : 5767
Inscrit(e) le : 12/09/2012
Re: Probléme visuel suite a la modification du CSS.
supprimé
Dernière édition par Jon11noJ le Dim 21 Juin 2015 - 15:40, édité 1 fois
Re: Probléme visuel suite a la modification du CSS.
s'il vous plait qu'elle qu'un pour m’aidè ?
j'ai édité mon premier poste car il manquer les images
ps: je ne suis pas alaise avec ce genre de démarche de venir demandé a l'aide et j'ai quasiment pas de connaissance en CSS
j'ai édité mon premier poste car il manquer les images
ps: je ne suis pas alaise avec ce genre de démarche de venir demandé a l'aide et j'ai quasiment pas de connaissance en CSS
Dernière édition par Jon11noJ le Dim 21 Juin 2015 - 15:41, édité 1 fois
Re: Probléme visuel suite a la modification du CSS.
Avez vous essayé le premier code que je vous ai fourni ? Il devrait régler votre premier problème.
Pour la couleur du texte dans la zone de saisie de l'éditeur de texte, ajoutez le code css suivant dans votre feuille de style css :
Ce code modifie la couleur du texte quand l'éditeur est en mode source.
Pour le mode wysiwyg, allez dans modules > html & javascript > gestion des codes javascripts
- vérifiez que la gestion des codes est cochée sur OUI
- créez un nouveau code
- donnez lui un nom ("couleur texte éditeur wysiwyg" par exemple)
- placez-le sur toutes les pages
- dans la zone de saisie collez le code suivant :
- Enregistrez.
Pour la couleur du texte dans la zone de saisie de l'éditeur de texte, ajoutez le code css suivant dans votre feuille de style css :
- Code:
.sceditor-container textarea {
color: #FFFFFF !important;
}
Ce code modifie la couleur du texte quand l'éditeur est en mode source.
Pour le mode wysiwyg, allez dans modules > html & javascript > gestion des codes javascripts
- vérifiez que la gestion des codes est cochée sur OUI
- créez un nouveau code
- donnez lui un nom ("couleur texte éditeur wysiwyg" par exemple)
- placez-le sur toutes les pages
- dans la zone de saisie collez le code suivant :
- Code:
$(function() {
var a = $("#text_editor_textarea");
0 != a.length && $(function() {
a.sceditor && a.sceditor("instance") && a.sceditor("instance").css("body,p{color:#FFFFFF}");
});
});
- Enregistrez.
MlleAlys- Membre actif
- Messages : 5767
Inscrit(e) le : 12/09/2012
Re: Probléme visuel suite a la modification du CSS.
Dernière édition par Jon11noJ le Dim 21 Juin 2015 - 15:27, édité 1 fois
Re: Probléme visuel suite a la modification du CSS.
Pour installer le premier code que je vous ai fourni, celui pour les zones de saisie :
Pour modifier la couleur du texte dans l'éditeur, il faut deux codes :
Pour mieux comprendre :
Le css comment ça marche ?
Gestion des codes javascript
Nomination et couleurs
- Allez dans affichage > couleurs > onglets feuille de style css
- descendez tout en bas des codes déjà mis
- passez une ou deux lignes pour bien séparer les codes entre eux
- collez le nouveau code :
- Code:
/*fond des zones de saisie connexion*/
input {
background-color: #000000;
}
- remplacez si besoin #000000 (ici noir) par le code de la couleur voulue
- enregistrez
Pour modifier la couleur du texte dans l'éditeur, il faut deux codes :
- Ajoutez de la même façon que précédemment le code css suivant dans votre feuille de style css :
- Code:
/*couleur texte éditeur*/
.sceditor-container textarea {
color: #FFFFFF !important;
}
- Remplacez si besoin #FFFFFF (ici blanc) par le code de la couleur de votre choix.
- Enregistrez.
- Puis allez dans modules > html & javascript > gestion des codes javascripts
- vérifiez que la gestion des codes est cochée sur OUI
- créez un nouveau code en cliquant sur le bouton en bas à droite (et non pas éditer le code que vous avez déjà)
- donnez lui un nom ("couleur texte éditeur wysiwyg" par exemple)
- placez-le sur toutes les pages
- dans la zone de saisie collez le code suivant :
- Code:
$(function() {
var a = $("#text_editor_textarea");
0 != a.length && $(function() {
a.sceditor && a.sceditor("instance") && a.sceditor("instance").css("body,p{color:#FFFFFF}");
});
});
- Remplacez si besoin #FFFFFF (ici blanc) par le code de la couleur souhaitée.
- Enregistrez.
Pour mieux comprendre :
Le css comment ça marche ?
Gestion des codes javascript
Nomination et couleurs
MlleAlys- Membre actif
- Messages : 5767
Inscrit(e) le : 12/09/2012
Re: Probléme visuel suite a la modification du CSS.
Merci pour vos réponse j'ai tenté de comprendre votre réponse j'ai suivi bêtement les information que vous m'avez fournie,copié tel quelle sans rien y changé apparemment sa a eu l’effet escompté
j'ai mie le pied dans un monde qui mais complétement inconnu et d'une complexité qui me semble insurmontable qui de crée un forum et le CSS. il y a des tonne d'information très indigeste pour moi. pour cela un grand MERCI a ce qui nous aidé a trouvé la lumière dans toute cette obscurité !
j'ai mie le pied dans un monde qui mais complétement inconnu et d'une complexité qui me semble insurmontable qui de crée un forum et le CSS. il y a des tonne d'information très indigeste pour moi. pour cela un grand MERCI a ce qui nous aidé a trouvé la lumière dans toute cette obscurité !
Re: Probléme visuel suite a la modification du CSS.
L'apparence de votre forum a été modifiée, ce qui le rend bien sûr plus compliqué que s'il était resté avec une apparence simple
Pour ce qui est du css et du reste, on peut s'y mettre doucement et comprendre petit à petit, le fait que ce soit quelqu'un d'autre qui ait travaillé l'apparence et donc ajouté un certain nombre de codes ne vous aide forcément pas à comprendre ce qui y a été fait
Le problème étant résolu, je verrouille le sujet ^^
Pour ce qui est du css et du reste, on peut s'y mettre doucement et comprendre petit à petit, le fait que ce soit quelqu'un d'autre qui ait travaillé l'apparence et donc ajouté un certain nombre de codes ne vous aide forcément pas à comprendre ce qui y a été fait
Le problème étant résolu, je verrouille le sujet ^^
MlleAlys- Membre actif
- Messages : 5767
Inscrit(e) le : 12/09/2012
Sujets similaires
» Probleme Visuel apres modification
» Viewtopic_body:problème suite à une modification du template.
» Problème dans les connexions et déconnexions
» Probleme visuel
» modification de police de suite d'un nouveau theme !!!
» Viewtopic_body:problème suite à une modification du template.
» Problème dans les connexions et déconnexions
» Probleme visuel
» modification de police de suite d'un nouveau theme !!!
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum