Couleurs du texte du QEEL et du pied de page

[Kallindra]

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://forumtestpo.forumactif.com/

Description du problème

Bonjour,

Je reviens vers vous pour savoir s'il était possible de changer les couleurs du texte uniquement à certains endroits précis :
1- La zone entre la barre de nav et les catégories
2- La zone de QEEL
3- La zone du pied de page.

Si oui comment ?


Merci par avance de votre assistance,

Kallindra.

[Kallindra]

Up

[Kallindra]

Up

[TerraGF]

Bonjour,

Pouyr changer les couleurs des parties demandées, il faudra ajouter les lignes suivantes à ton CSS. Pour cela il suffit de te rendre sur le Panneau de d'Administration > Affichage > Images et Couleurs > Couleurs > Feuille de tyle CSS

1- La zone entre la barre de nav et les catégories

Code:

#main-content p {
    color: red;
}

#search-box #keywords {
    color: white;
}

Rendu:

2- La zone de QEEL et 3- La zone du pied de page

Code:

.linklist li {
    color: red;
}
.linklist li a:link {
    color: cyan !important;
}

.linklist li a:hover {
    color: white !important;
}

.linklist li a:active {
    color: lime !important;
}

Rendu:

Code:

.h3 a:link {
    color: cyan;
}

.h3 a:hover {
    color: white;
}

.h3 a:active {
    color: lime;
}

#i_whosonline ~ p {
    color: red;
}

#picture_legend {
    color: yellow;
}

Rendu:

Note finale : les lignes de code suivantes

Code:

#i_whosonline ~ p {
    color: red;
}

peuvent être laissées de côté sauf si tu veux lui donner une couleur différente du reste. Cette couleur (red dans mon exemple) est déjà gérée par les lignes de code

Code:

#main-content p {
    color: red;
}

Voilà, j'espère avoir pu t'aider

[Kallindra]

Whoua !
Merci TerraGF.
J'essaie ça dès que j'ai 5 minutes et je reviens te dire si c'est bon

[Chacha]

Bonjour, Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 8 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement ! Ce sujet est déplacé à la corbeille, merci d'ouvrir un nouveau sujet si nécessaire, en respectant les Règles générales du forum.

[Chacha]

..	Bonjour, Le topic est replacé à la demande de l'auteur du sujet. A bientôt sur ForumActif

[Kallindra]

Bonjour,

Tout d'abord merci à Chacha.
Ensuite, j'espère qe tu ne m'en voudrais pas TerraGF, j'ai eu un IRL qui ait que je n'ai pas pu tester avant.

Donc j'ai testé tes codes :

Code:

/*  Couleur texte entre BdN & index */
    #main-content p {
        color: #F0A458;
    }   
    #search-box #keywords {
        color: ##F0A458;
    }

/* Couleur texte pied de page */
    .linklist li {
        color: #F0A458;
    }
    .linklist li a:link {
        color: #F0A458 !important;
    }   
    .linklist li a:hover {
        color: #FAEA82 !important;
    }   
    .linklist li a:active {
        color: #F0A458 !important;
    }
    #i_whosonline ~ p {
        color: #F0A458;
    }
    #main-content p {
        color: #F0A458;
    }

Par contre j'ai encore des éléments sur lesquels les couleurs ne s'appliquent pas :
1- en haut : "Voir les nouveaux messages depuis votre dernière visite" & la description du forum
2- en bas :
= "Qui est en ligne"
= "Statistiques",
= "ChatBox
Il y a actuellement 0 utilisateur(s) sur la ChatBox :
[ Rejoindre le Chat ]"
= "Accueil"
= "Panneau d'administration" (ca c'est pas grave)
= "Forum gratuit d'entraide"
= légende des statuts de messages

Je suis désolée, avec mon nouveau clavier je ne sais pas faire de screen (c'est un bluetooth sans touche print screen).
Merci d'avance de ton aide !

[Chacha]

Je suis désolée, avec mon nouveau clavier je ne sais pas faire de screen (c'est un bluetooth sans touche print screen).

Bonjour,

Peut-être trouverez une piste via cette recherche sur Google.


Cordialement.

[Kallindra]

Je suis désolée, avec mon nouveau clavier je ne sais pas faire de screen (c'est un bluetooth sans touche print screen).

Bonjour,

Peut-être trouverez une piste via cette recherche sur Google.


Cordialement.

J'ai déjà fait une recherche et je n'ai malheureusement pas trouvé la réponse pour mon modèle de clavier...
Merci quand même ^^

[Kallindra]

Bonjour,

Tout d'abord merci à Chacha.
Ensuite, j'espère qe tu ne m'en voudras pas TerraGF, j'ai eu un IRL qui ait que je n'ai pas pu tester avant.

Donc j'ai testé tes codes :

Code:

/*  Couleur texte entre BdN & index */
    #main-content p {
        color: #F0A458;
    }   
    #search-box #keywords {
        color: ##F0A458;
    }

/* Couleur texte pied de page */
    .linklist li {
        color: #F0A458;
    }
    .linklist li a:link {
        color: #F0A458 !important;
    }   
    .linklist li a:hover {
        color: #FAEA82 !important;
    }   
    .linklist li a:active {
        color: #F0A458 !important;
    }
    #i_whosonline ~ p {
        color: #F0A458;
    }
    #main-content p {
        color: #F0A458;
    }

Par contre j'ai encore des éléments sur lesquels les couleurs ne s'appliquent pas :
1- en haut : "Voir les nouveaux messages depuis votre dernière visite" & la description du forum
2- en bas :
= "Qui est en ligne"
= "Statistiques",
= "ChatBox
Il y a actuellement 0 utilisateur(s) sur la ChatBox :
[ Rejoindre le Chat ]"
= "Accueil"
= "Panneau d'administration" (ca c'est pas grave)
= "Forum gratuit d'entraide"
= légende des statuts de messages

Je suis désolée, avec mon nouveau clavier je ne sais pas faire de screen (c'est un bluetooth sans touche print screen).
Merci d'avance de ton aide !

Je viens de comprendre le truc ! En fait il s'agit des liens. Si je modifie dans la palette de couleur, ça modifie tout le forum. Y-at'il un moyen pour que les liens de l'index ait une couleur mais que dans le reste du forum on garde ceux de la sélection "couleur" du PA ?

[◦Jay◦]

Bonjou Kallindra, vous pouvez déjà mettre ceci :

Code:

.linklist.clearfix a,.h3 a, #picture_legend li,.border_top .gensmall,.nav{
    color: #F0A458 !important ;
}

Il reste des liens non-pris en comptes, ce sont des liens non-visibles lorsque nous ne sommes pas connectés, si vous pouvez me passer les identifiants d'un compte test, il serait plus facile pour moi de vous aider.

Bien à vous.

[Kallindra]

Bonjour jay

Vous pouvez créer un compte, les inscriptions ne sont pas bloquées

[◦Jay◦]

Ne tenez pas compte du code donné précédemment, mettez celui-ci :

Code:

.linklist.clearfix a,.h3 a, #picture_legend li,#chatbox_popup a,#chatbox_popup,.page-bottom,#keywords{
    color: #F0A458 !important ;
}

S'il vous manque quelque-chose, dites-le moi, si tout est OK, merci de supprimer mon compte.

Cordialement.

[Kallindra]

Bonsoir Jay,

Désolée pour le message précédent, je l'ai envoyé depuis mon tel au boulot :s

Sinon, pour le pied de page c'est parfait, merci beaucoup. Y-aurait-il un code équivalent pour la partie entre le Header et l'index pour tout ce qui est " Voir les nouveaux messages depuis votre dernière visite • Voir ses messages • Voir les messages sans réponses
Marquer tous les forums comme lus" et la description ?

[◦Jay◦]

À l'heure actuelle, à part la description du forum, les liens ont la bonne couleur.

Bref, pour les liens :
Voir les nouveaux messages depuis votre dernière visite
Voir ses messages
Voir les messages sans réponses
Marquer tous les forums comme lus
Vous pouvez utiliser ce code(j'ai mis une couleur rouge, vous pourrez la changer) :

Code:

.linklist li a:link {
    color: #ff0000 !important;
}

Pour la description du forum, il faudra mettre celui-la :

Code:

#logo-desc p {
    color: #ff0000 !important ;}

Évidemment, si ces deux parties ont la même couleur, vous pouvez mettre tout ensemble pour "moins charger" votre CSS, comme ceci :

Code:

.linklist li a:link,#logo-desc p {
    color: #ff0000 !important;
}

Pour les deux phrases :

La date/heure actuelle est... et Dernière visite le... Le code sera :

Code:

#main-content p {
    color: #ff0000 !important;
}

Même chose, vous pouvez l'ajouter au code précédent si vous souhaitez avoir la même couleur, comme ceci :

Code:

.linklist li a:link,#logo-desc p,#main-content p {
    color: #ff0000 !important;
}

Bien à vous.

[Kallindra]

En fait quand ils n'ont jamais été cliqués ils sont de la bonne couleur. Une fois qu'ils sont cliqués ils deviennent marrons ^^
C'est ce cas là que j'ai besoin de modifier ^^

Merci en tout cas pour votre aide.

[lilas]

Coucou à vous deux.
J'ai remarqué un ou 2 codes qui m'intéressent.
Ces codes sont-ils compatible avec les forums phpBB2 ?

Merci et belle fin de journée

[◦Jay◦]

Coucou à vous deux.
J'ai remarqué un ou 2 codes qui m'intéressent.
Ces codes sont-ils compatible avec les forums phpBB2 ?

Merci et belle fin de journée

Bonjour lilas, non, la plupart des codes sont propres à la version, il serait préférable d'ouvrir un autre sujet pour votre problème.

En fait quand ils n'ont jamais été cliqués ils sont de la bonne couleur. Une fois qu'ils sont cliqués ils deviennent marrons ^^
C'est ce cas là que j'ai besoin de modifier ^^

Merci en tout cas pour votre aide.

Oki, pour :

Voir les nouveaux messages depuis votre dernière visite
Voir ses messages
Voir les messages sans réponses
Marquer tous les forums comme lus

Lorsqu'ils ont été visités :

Code:

.linklist li a:visited  {
    color: #F0A458 !important;
}

Voila, si vous avez besoin d'autre chose, merci de mettre directement la phrase dont vous parlez s'il vous plait en faisant un copier/coller.

Bien cordialement.

[lilas]

Merci Jay

[Kallindra]

Bonsoir;

Merci Jay Tout est parfait dorénavant.
merci beaucoup à TerraGF et °Jay° pour leur aide précieuse.

Bonne soirée,

Kallindra

PS : je supprime votre compte °Jay°