Probléme visuel suite a la modification du CSS.

2 participants

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

Résolu Probléme visuel suite a la modification du CSS.

Message par Jon11noJ Ven 19 Juin 2015 - 20:22

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 !
Probléme visuel suite a la modification du CSS. Proble10

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.
Probléme visuel suite a la modification du CSS. Proble11


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
Probléme visuel suite a la modification du CSS. Proble12


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)
avatar

Jon11noJ
Nouveau membre

Messages : 5
Inscrit(e) le : 19/06/2015

http://co-opgames.fra.co/
Jon11noJ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probléme visuel suite a la modification du CSS.

Message par MlleAlys Ven 19 Juin 2015 - 21:38

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 :
Code:
input {
  background-color: #000000;
}
Remplacez #000000 (noir) par le code de la couleur souhaitée.

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


Dernière édition par MlleAlys le Dim 21 Juin 2015 - 14:33, édité 1 fois
MlleAlys

MlleAlys
Membre actif

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

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

Résolu Re: Probléme visuel suite a la modification du CSS.

Message par Jon11noJ Ven 19 Juin 2015 - 23:33

supprimé


Dernière édition par Jon11noJ le Dim 21 Juin 2015 - 15:40, édité 1 fois
avatar

Jon11noJ
Nouveau membre

Messages : 5
Inscrit(e) le : 19/06/2015

http://co-opgames.fra.co/
Jon11noJ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probléme visuel suite a la modification du CSS.

Message par Jon11noJ Dim 21 Juin 2015 - 13:53

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


Dernière édition par Jon11noJ le Dim 21 Juin 2015 - 15:41, édité 1 fois
avatar

Jon11noJ
Nouveau membre

Messages : 5
Inscrit(e) le : 19/06/2015

http://co-opgames.fra.co/
Jon11noJ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probléme visuel suite a la modification du CSS.

Message par MlleAlys Dim 21 Juin 2015 - 14:32

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 :
Code:
.sceditor-container textarea {
  color: #FFFFFF !important;
}
Remplacez #FFFFFF (blanc) par le code de la couleur de votre choix.
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 Ajout
- 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 #FFFFFF (blanc) par le code de la couleur souhaitée.
- Enregistrez.
MlleAlys

MlleAlys
Membre actif

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

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

Résolu Re: Probléme visuel suite a la modification du CSS.

Message par Jon11noJ Dim 21 Juin 2015 - 15:12

Probléme visuel suite a la modification du CSS. Java_s10


Dernière édition par Jon11noJ le Dim 21 Juin 2015 - 15:27, édité 1 fois
avatar

Jon11noJ
Nouveau membre

Messages : 5
Inscrit(e) le : 19/06/2015

http://co-opgames.fra.co/
Jon11noJ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probléme visuel suite a la modification du CSS.

Message par MlleAlys Dim 21 Juin 2015 - 15:17

Pour installer le premier code que je vous ai fourni, celui pour les zones de saisie :

  • 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 Ajout 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 :
Tuto Le css comment ça marche ?
Tuto Gestion des codes javascript
Tuto Nomination et couleurs
MlleAlys

MlleAlys
Membre actif

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

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

Résolu Re: Probléme visuel suite a la modification du CSS.

Message par Jon11noJ Dim 21 Juin 2015 - 15:37

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é
Probléme visuel suite a la modification du CSS. Java_s11

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é !
avatar

Jon11noJ
Nouveau membre

Messages : 5
Inscrit(e) le : 19/06/2015

http://co-opgames.fra.co/
Jon11noJ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probléme visuel suite a la modification du CSS.

Message par MlleAlys Dim 21 Juin 2015 - 15:46

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

Le problème étant résolu, je verrouille le sujet ^^
MlleAlys

MlleAlys
Membre actif

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

MlleAlys 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