Centrer les liens en bas de page (+ puces)

[SweetGumiho]

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://thewitcher.jdrforum.com/

Description du problème

Bonjour/bonsoir,
J'aimerais centrer les liens : Accueil, Forum gratuit, © phpBB, Forum gratuit d'entraide, Statistiques, Contact, Signaler un abus. Et aussi choisir une puce que je mettrais pour séparer chaque lien.
Merci d'avance pour vos réponses.

[Alzufen]

Aque-re-coucou

Dans Panneau d'administration > Affichage > Couleurs > Feuille de style CSS tu vas y ajouter ça :

Code:

ul.linklist.clearfix li{float: none;} /* Enlève le flottement */
ul.linklist.clearfix{text-align: center;} /* Centre le texte */
ul.linklist.clearfix li.rightside strong:before{content: " £ ";} /* Ajoute une séparation avant "Créer un forum", à remplacer par ce que tu veux */

Théoriquement sur ton forum le "texte-align: center" ne sers à rien, tu peux l'enlever si tu veux

Avec ça on devrait déjà avoir le texte centré, et une des "puces" de changé. Pour changer les autres, je suppose que tu parles des | dans ce cas là on va utiliser un peu de JS encore

Tu vas créer une nouvelle page Javascript et y mettre :

Code:

$(function(){
$('.rightside').each(function(){$(this).html($(this).html().replace(/\|/g,"£"));})
});

Il te suffira de remplacer le "£" par la nouvelle puce que tu veux ^^

[SweetGumiho]

La puce que je voulais mettre est ▴ (▴). Or à l'ajout dans le CSS pour remplacer celle entre "Accueil" et le reste, j'en ai parfois deux à côté.

Aussi, j'aimerais pouvoir mettre cette puce dans la même couleur que le texte des liens.
Et est-il possible de supprimer les liens "Jeux" et "Dofus" qui apparaissent ?
Merci encore. ^^

[Alzufen]

Pour le premier soucis où la puce apparaît deux fois, c'est parce qu'il y a d'autres liens qui utilisent la balise strong (gras) j'avais pas remarqué, du coup on va juste influencer sur la première, donc tu vas remplacer :

Code:

ul.linklist.clearfix li.rightside strong:before{content: " £ ";} /* Ajoute une séparation avant "Créer un forum", à remplacer par ce que tu veux */

Par :

Code:

ul.linklist.clearfix li.rightside strong:first-child:before {content: "▴ ";} /* Ajoute une séparation avant "Créer un forum", à remplacer par ce que tu veux */

Ensuite, pour la couleur des puces, il te suffit d'ajouter la couleur que tu veux à ça :

Code:

ul.linklist.clearfix{text-align: center;} /* Centre le texte */

Grâce à "color: #toncodecouleur;", attention cependant, ça influencera aussi le copyright de PHPBB, donc fais gaffe à que ce soit toujours bien visible

Pour terminer, non, il n'est pas possible de supprimer ses liens, ça fait parti des crédits, je ne sais pas trop comment t'expliquer ça, mais le fais que ça s'ajoute que de temps en temps est normal ^^ C'est vrai que j'ai pas vu de messages de ForumActif expliquant ce phénomène (ou alors j'ai pas fais attention) mais quand on s'y penche un peu, on comprendre rapidement qu'ils ne sont pas là par hasard

[SweetGumiho]

D'accord, très bien. Dernière question, qu'est-ce qui gère la couleur de ces liens de pied de page et des autre "Voir les nouveaux messages depuis votre dernière visite", "Voir ses messages" "Voir les messages sans réponses", "Marquer tous les forums comme lus", etc. Parce que c'est vrai que là du coup ils sont vraiment à peine visibles sur le fond noir... :/

[Alzufen]

Dans ton Panneau d'administration > Affichage > Couleurs, tu dois avoir "Couleur des liens" un truc du genre, c'est ça qui change la couleur de ses liens là, actuellement la couleur est #222325, si jamais tu veux changer ça juste via CSS par peur que ça modifie d'autres liens, il te suffit d'ajouter ça à ton CSS :

Code:

.linklist a {color: #TONCODECOULEUR;}

[SweetGumiho]

Et maintenant j'aimerais pouvoir mettre les puces ✶ (✶) que j'ai mise grâce à ce sujet de la même couleur que le reste. ^^;

[Alzufen]

Je vois pas les puces, mais si tu changes la couleur de ".linklist" en CSS ça ne change rien ? ^^

[SweetGumiho]

Bien joué ! Problème résolu ! Merci encore. ♥ ^^