Modifier la couleur d'un bloc du pied de page

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

Résolu Modifier la couleur d'un bloc du pied de page

Message par Eiya le Mar 23 Juin 2015 - 19:00

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 : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonsoir !
J'ai un petit souci au niveau de l'affichage de mon pied de page, là où il y a tous les liens de forumactif. J'essaie de changer la couleur de ce "bloc" afin qu'il soit de la même couleur que le reste du forum, en vain. Je suis vraiment novice en codage, ce qui explique peut-être cela mais je pense que le problème vient d'ailleurs. En effet, il est survenu lorsque j'ai modifié le CSS au niveau de ma barre de navigation. Je précise que j'ai mis en place un thème qui était déjà tout prêt avec une feuille de CSS déjà bien remplie. En bref, on dirait que tout ce que j'ai appliqué à ".navbar" s'est plus ou moins appliqué à mon footer...
Je vous mets la partie du CSS que j'ai modifiée (ajout des bords arrondis + changement de la couleur et de la longueur + modif de la marge gauche) :
Code:
.navbar {
border-radius: 10px;
width: 700px;
height: 25px;
text-align: center;
background-color: #c4d7eb;
margin-left: 150px;
margin-top: 15;
padding-bottom: 3px;
}

Voilà ce que ça donne :
Merci d'avance à ceux qui pourront m'apporter une solution !


Dernière édition par Eiya le Mar 23 Juin 2015 - 20:15, édité 1 fois

Eiya
Nouveau membre

Messages : 7
Inscrit(e) le : 23/06/2015

http://culturall.forumactif.org/
Eiya a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la couleur d'un bloc du pied de page

Message par Kinotto le Mar 23 Juin 2015 - 19:19

Bonjour,

Quel est le problème ?
Je poste aussi pour voir le lien de votre forum, mais sur votre capture, le code semble s'être totalement appliqué.

EDIT : Il y a ceci dans votre feuille de style CSS (Affichage > Couleurs > Feuille de style CSS) :
Code:
ul.linklist.clearfix {
    background-color: #C7C7C7 !important;
}

Il faut le supprimer.


Cordialement.

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la couleur d'un bloc du pied de page

Message par Eiya le Mar 23 Juin 2015 - 19:31

Oui, le code s'est parfaitement appliqué à ma barre de navigation mais lorsque je modifie une partie du fragment de code ci-dessus, cela modifie la zone grise (cf. mon image) de mon pied de page alors que cette partie du code n'est censée s'appliquer que sur la barre de navigation, non ? Quoi qu'il en soit, je ne parviens pas à changer la couleur de cette zone grise malgré de nombreuses tentatives, soit parce que je suis totalement novice, soit à cause du problème cité ci-dessus...

EDIT : oups, je n'avais pas vu votre édit et effectivement, cela semble fonctionner, merci !


Dernière édition par Eiya le Mar 23 Juin 2015 - 19:33, édité 1 fois

Eiya
Nouveau membre

Messages : 7
Inscrit(e) le : 23/06/2015

http://culturall.forumactif.org/
Eiya a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la couleur d'un bloc du pied de page

Message par Kinotto le Mar 23 Juin 2015 - 19:31

Avez-vous vu mon EDIT ? Smile


Cordialement.

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la couleur d'un bloc du pied de page

Message par Eiya le Mar 23 Juin 2015 - 19:45

Oui, je n'avais pas vu votre édit et effectivement en supprimant cet élément, ça a semblé fonctionner mais douée comme je suis, j'ai supprimé toute la partie de mon CSS concernant la barre de navigation en oubliant de la copier Laughing Bref, j'ai donc remis la partie de code affichée ci-dessus mais en faisant cela, elle s'est appliquée à ma précédente zone grise (en plus de s'appliquer à ma barre de navigation, comme prévu)... je n'y comprends plus rien Shocked

Eiya
Nouveau membre

Messages : 7
Inscrit(e) le : 23/06/2015

http://culturall.forumactif.org/
Eiya a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la couleur d'un bloc du pied de page

Message par Kinotto le Mar 23 Juin 2015 - 19:48

Oui c'est normal, ce n'est pas ce que vous vouliez ? (Remplacer le gris par la couleur de la barre de navigation.)


Cordialement.

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la couleur d'un bloc du pied de page

Message par Eiya le Mar 23 Juin 2015 - 19:55

Non, j'ai du mal m'exprimer... Je souhaite que ces deux zones soient indépendantes et je voulais simplement que la zone grise foncée soit de la même couleur que le fond du forum (gris très clair) or dès que j'appliquais quelque chose à ma barre de navigation, cela modifiait également la zone grise. Est-ce que cela peut venir dans ce cas du code HTML/des templates qui regrouperait les deux zones dans ".navbar" ? Je suis peut-être totalement à côté de la plaque étant donné que je suis débutante en la matière...
Merci de votre persévérance, en tout les cas.

Eiya
Nouveau membre

Messages : 7
Inscrit(e) le : 23/06/2015

http://culturall.forumactif.org/
Eiya a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la couleur d'un bloc du pied de page

Message par Kinotto le Mar 23 Juin 2015 - 19:59

Oui, en effet, la classe .navbar comprend et la barre de navigation et le footer de liens et crédits. Je comprends mieux votre demande en tout cas.

Il nous suffit donc de détourner ce code :

Code:
ul.linklist.clearfix {
  background-color:COULEUR;
}

S'il ne marche pas, c'est que vous avez d'autres éléments contradictoires dans la feuille de style. Utilisez :

Code:
ul.linklist.clearfix {
  background-color:COULEUR !important;
}

COULEUR étant exclusivement la couleur du footer de liens et crédits.


Cordialement.

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la couleur d'un bloc du pied de page

Message par Eiya le Mar 23 Juin 2015 - 20:08

C'est moi qui m'étais mal exprimée dans ce cas, au temps pour moi.
Effectivement maintenant, cela fonctionne ! Par contre, j'ai une ligne bleue (de la couleur de ma barre de navigation je suppose) qui est apparue juste en dessous des liens et crédits, comment la supprimer ?

Eiya
Nouveau membre

Messages : 7
Inscrit(e) le : 23/06/2015

http://culturall.forumactif.org/
Eiya a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la couleur d'un bloc du pied de page

Message par Kinotto le Mar 23 Juin 2015 - 20:13

Nous allons y arriver. Very Happy
En insérant ceci, ce devrait être bon :

Code:
.navbar{
        height:auto;
    }


Cordialement.

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la couleur d'un bloc du pied de page

Message par Eiya le Mar 23 Juin 2015 - 20:14

Tout est rentré dans l'ordre. Merci énormément pour votre aide !

Eiya
Nouveau membre

Messages : 7
Inscrit(e) le : 23/06/2015

http://culturall.forumactif.org/
Eiya 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