couleur de fond des messages féminins

[francis 1]

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Plusieurs utilisateurs
Lien du forum : http://scalaires-et-autres.forumactif.com

Description du problème

bonjour, est il possible de changer la couleur de fond sur les messages des membres féminins de mon forum ( j'aimerais un fond rose )
merci pour vos réponses !!

[Neptunia]

Bonjour ^^


Fond changeant selon le sexe du posteur

[francis 1]

désolé, ca ne fonctionne pas !!

[Neptunia]

Je ne vois aucune trace du CSS requis sur votre forum

Pas plus que le javascript d'ailleurs !

Pouvez-vous nous confirmer que le forum concerné est bien http://scalaires-et-autres.forumactif.com/ ?

[francis 1]

le forum est bien  http://scalaires-et-autres.forumactif.com quand j'ais vu que cela ne marchais pas, j'ais suprimé le CSS et le code javascript !! que j'avais mis !!
pouvez vous m'aider depuis chez vous !!

[Neptunia]

Il faudrait déjà remettre en place script et css pour avoir une chance de déterminer l'origine du souci.

[francis 1]

ok !

[francis 1]

voila script et css sont remis !! mes ca ne marche toujours pas !!

[Neptunia]

Et je ne vois toujours ni CSS, ni javascript (hormis le traducteur)

PA > Affichage > Couleurs > Onglet Feuille de style CSS
- S'assurer que "Forcer le CSS de base du forum" est bien réglé sur Non
- Poster ici l'intégralité d"e votre feuille de style ici entre balises [ code ]

[francis 1]

voici une capture d'écran du css

et le javascript

[*Splash*]

Hi,
Optimiser votre CSS : Cocher sur OUI

[Neptunia]

Au moins on sait pourquoi ça ne fonctionne pas !

- Concernant le CSS vous avez entré :

Code:

fa_postbody_xy
fa_postbody_xx

alors que vous devriez avoir ceci :

Code:

    .fa_postbody_xy{
      background: url("https://i.servimg.com/u/f45/17/45/19/77/xy10.png");
    min-height: 500px;
    }
     
    .fa_postbody_xx {
      background: url("https://i.servimg.com/u/f45/17/45/19/77/xx10.png");
    min-height: 500px;
    }

Quelques bases concernant le CSS :
Le CSS – Comment ça marche ?

- Pour le javascript il y a le même genre de problème :
> A un endroit vous avez par exemple parent5'td') au lieu de parent('td')
> Quand vous utilisez le symbole $ il est presque toujours précédé d'un caractère parasite.

Savez-vous faire un copier/coller depuis une balise code ?

En l'état actuel vous pouvez reprendre entièrement le tutoriel.
Et si vous ne savez pas comment récupérer le code des tutoriels en deux clics, n'hésitez pas à demander.

[francis 1]

effectivement, j'ais créer ce forum seul , je n'ais jamais fais d'informatique et je suis un peu perdu , merci a vous de m'aider , a 68 ans, c'est un peu galère !!je ne sais pas comment récupérer ces codes en deux clicks
merci a vous !!

[*Splash*]

Depuis la balise code, en cliquant sur cet icône :


Cela va surligner le texte à coller, comme suit :


Pour copier le texte, il faut placer le curseur de souris sur la partie surligner, ensuite :
Sous windows : ctrl + C
Sous mac : pomme + C

Une fois le texte copier il suffit de le coller à l'endroit voulu :
Sous windows : ctrl + V
Sous mac : pomme + V

[Neptunia]

Edité : Je vois que Splash vous a répondu. Je laisse ma réponse qui opère d'une autre façon, à vous de voir la méthode qui vous convient le mieux (raccourcis clavier ou à la souris)

Voici un tutoriel trouvé à l'instant.
Il s'agit de la méthode traditionnelle pour effectuer un copier/coller (opération de base en informatique)

Comment faire un copier/coller (lien externe)

Sur ce forum d'entraide, un script permet de faciliter encore davantage la tâche :
-1- En haut à droite de chaque bloc de code (il y en 2 dans le message précédent) figure une icône.
-2- Un clic gauche sur l'icône va sélectionner le contenu et le mettre en surbrillance (le texte normal est en blanc sur fond noir / Une fois en surbrillance il est en bleu sur fond blanc)
-3- Il reste à faire un clic droit sur une zone en surbrillance et choisir Copier dans le menu qui apparait.
-4- Une fois sur la bonne page de votre panneau d'administration, il suffit d'un autre clic-droit là où vous voulez mettre le contenu copié et de choisir Coller dans le menu qui apparait.

J'ai numéroté chaque étape. N'hésitez pas à demander si ça coince toujours (en précisant le numéro de l'étape que vous ne comprenez pas)

je n'ais jamais fais d'informatique et je suis un peu perdu , merci a vous de m'aider , a 68 ans, c'est un peu galère

C'est pas tant une question d'âge mais plutôt d'environnement. Et forcément des gens comme vous (ou comme moi d'ailleurs) ne sont pas nés avec une souris dans la main. Après c'est clair qu'à 70 ans, on ne va plus apprendre aussi facilement qu'à l'âge de 15 ans.

[francis 1]

j'ais trouvé comment copier coller , mais le résultat n'est pas ce que je voullais, j'aurais aimé que le fond des messages féminins soient tout rose et pas avec plein de signes de sexe comme sur l'exemple
merci quand meme de votre aide !!

[*Splash*]

Alors, essaie de remplacer par ce code :

Code:

.fa_postbody_xy {
      background-color: #B0E0E6; /* couleur bleu */
        }
    
    .fa_postbody_xx {
      background-color: #FFC0CB; /* couleur rose */
    }

[Neptunia]

J'avais bien compris, mais avant de personnaliser un code, il faut d'abord savoir le reproduire à l'identique.

On ne touche plus au javascript et dans votre feuille CSS vous remplacez :

Code:

    .fa_postbody_xy{
      background: url("https://i.servimg.com/u/f45/17/45/19/77/xy10.png");
    min-height: 500px;
    }
     
    .fa_postbody_xx {
      background: url("https://i.servimg.com/u/f45/17/45/19/77/xx10.png");
    min-height: 500px;
    }

par :

Code:

    .fa_postbody_xx {
      background-color: #FFF0F5;
    }

[francis 1]

GENIAL !!!!!!! , c'est ca que je voullais un super grand merci a vous deux , vous etes top !!