code pour changer la couleur au niveau de la barre de navigation

[Admin Olia]

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.la-tranquillite.fr

Description du problème

Bonjour,
Je voudrais changer la couleur bleue  en couleur rose, je vous donne le code de la feuille CSS que j'ai pour le moment :

Code:

#wrap {
   background-color: rgba(232, 238, 250, 0.1);
}
#page-body {
   background-color: rgba(232, 238, 250);
}
.headerbar {
   background-color: transparent;
}

Je crois qu'il y a un chiffre à changer mais je ne sais pas lequel.
Merci par avance de votre réponse,

Cordialement  olia

[Neptunia]

Bonjour ^^


Ajoutez à la suite de votre CSS le code suivant :

Code:

.navbar {
    background-color: #fff0f5;
}

Si ça n'agit pas au bon endroit, merci de fournir une capture écran en entourant la zone à modifier, parce que j'ai beau chercher, je ne vois pas de bleu du côté de la navigation. Soit faut que je change de lunettes, soit http://www.la-tranquillite.fr/ n'est pas le forum concerné par la demande.

[Admin Olia]

Désolée excusez-moi j'avais anticipé étant donné que je savais qu'il fallait que je change de code, alors voilà c'est fait et ci-après les deux captures d'écrans où ça ne fonctionne pas avec le code que vous venez de me donner





Merci

[Admin Olia]

Ca ne fonctionne pas non plus au niveau des réponses :

[Neptunia]

Le code que j'ai donné ne doit agir que sur la navigation !

Pour le reste c'est ce morceau qu'il faut modifier

Code:

#page-body {
  background-color: rgba(232, 238, 250);
}

[Admin Olia]

D'accord mais par quel code faut-il le remplacer SVP

[Neptunia]

Bah par la couleur de votre choix !

[Admin Olia]

heu non ça ne peux pas fonctionner il me faut un code pour remplacer celui-ci :

#page-body {
background-color: rgba(232, 238, 250);
}

[Neptunia]

Vous remplacez rgba(232, 238, 250) par votre code couleur !

Par exemple comme ceci :

Code:

#page-body {
  background-color: #fe0dcd;
}

J'ai pris volontairement une couleur piquante pour que vous soyez obligée de la changer et donc de comprendre le fonctionnement de ce code

Pour aller plus loin
-> Recherche sur Internet

[Admin Olia]

D'accord mais ça ne change que ça :

[Neptunia]

Vous n'avez pas changé au bon endroit.

C'est ici qu'il faut changer :

Code:

    #page-body {
      background-color: #fe0dcd;
    }

Et non là comme sur votre capture écran :

Code:

.navbar {
    background-color: #fe0dcd;
}

[Admin Olia]

Pour la couleur bleue je devais ajouter à mon code :

#page-body {
background-color: rgba(232, 238, 250);
}
Pour la couleur jaune paille je devais changer et insérer ce code :
#page-body {
background-color: rgb(247, 245, 230);
}

maintenant je voudrais la couleur rose donc je ne sais pas quel code insérer.

Est-ce que ça peut vous aider, merci.

[Admin Olia]

Désolée de vous ennuier je suis légèrement dure à comprendre je m'y perds dans les codes, voilà le code en entier qui m'avait été donné je crois par "Dan"


#wrap {
background-color: rgba(232, 238, 250, 0.1);
}
#page-body {
background-color: rgba(232, 238, 250);
}
.headerbar {
background-color: transparent;
}
.navbar {
background-color:#fff0f5;
}

[Neptunia]

Et bien pour le rose ce code fonctionne

Code:

        #page-body {
          background-color: #fe0dcd;
        }

Et ce code ne touche pas à la navigation, mais corrige les endroits encore en bleu.

Après il existe une infinité de roses et une multitude de façons d'écrire un code couleur, d'où mon lien de recherche sur un message précédent.

Par exemple #fe0dcd (code hexadécimal) peut s'écrire en mode décimal
FE (hex) = 254 (dec)
0D (hex) = 13 (dec)
CD (hex) = 205 (dec)
Ce qui au final nous donnerait rgb(254, 13, 205)

On peut faire ces conversions avec la calculatrice intégrée à Windows (affichage mode programmeur) ou avec certains sites Internet par exemple https://www.to-convert.com/fr

[Admin Olia]

Apparemment c'est réparé, je vous remercie beaucoup je conserve précieusement votre code car pour ceux-ci je suis complètement nulle.