Espace entre îcones barre de navigation

[Le Lutin Siffleur]

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Moi uniquement
Lien du forum : http://aulutinsiffleur.votreforumgratuit.com/

Description du problème

Bonjour,

j'ai une question, voici mon forum http://aulutinsiffleur.votreforumgratuit.com/ (il est encore en construction mais ce n'est pas grave) ma question est : comment espacer les icônes de la barre de navigation ?

Merci d'avance pour votre aide

[MlleAlys]

Bonjour,
Vous pouvez modifier vos images pour laisser des bandes transparentes sur les côtés et ainsi donner l'impression qu'elles sont écartées ;
Ou bien vous pouvez ajouter un code css dans la feuille de style de votre forum pour ajouter une marge entre les icônes :
- dans affichage > couleurs > onglet feuille de style css, copiez/collez le code css suivant :

Code:


/*écartement des lien barre de nav*/
div.navbar li {
  display: inline-block;
  margin: 0 10px;
}



- enregistrez
- actualisez la page de votre forum : les images devraient être écartés.
- modifiez si besoin dans le code la valeur "10px" pour les écarter de plus ou moins de pixels. (la première valeur "0" correspond aux marges au dessus et en dessous, la deuxième valeur "10px" aux marges gauche et droite) : https://www.zupimages.net/up/16/30/u0k6.bmp
- pensez à modifier votre profil sur ce forum : CSS personnalisé : OUI.

[Le Lutin Siffleur]

Waouw ! C'est magique ! Merci beaucoup à vous et étant donné que je n'aimerais pas explorer les tréfonds du CSS, je redemanderais de l'aide ici si besoin.

Bonne soirée

[Chacha]

Bienvenue sur le forum de support de Forumactif Bonjour, Puisque vous êtes nouveau, voici quelques sujets susceptibles de vous intéresser : L'importance de garder secret l'email de fondation, Sécurité : ce qu'il ne faut pas faire, Liste des questions et réponses fréquentes, Liste des trucs et astuces, La fonction rechercher N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse.