Problème dimension logo sur barre de navigation

[Solid6Snake]

Détails techniques

Version du forum : ModernBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Moi uniquement
Lien du forum : http://www.entraide-youtubers.com/

Description du problème

Bonjour à tous, je reviens vers vous parce que je suis bloqué avec mon changement de logo sur ma barre de navigation.

Sur mon thème de base j'ai des petits icônes et je souhaite remplacer ces images par des descriptions.

Voilà ce que j'ai aujourd'hui:

https://2img.net/i/fa/modernbb/icon_home.png

Voilà ce que je souhaite afficher:

https://i.servimg.com/u/f11/17/84/80/30/accuei11.png

J'ai bien réussi à remplacer ce premier logo mais j'ai l'impression qu'il y a un système de redimensionnement automatique parce que même si je place un plus gros cela ne change rien.

https://i.servimg.com/u/f11/17/84/80/30/accuei10.png

Forum Test: http://entraide-youtubers.forumactif.org/

Merci d'avance.

[Ajesto]

Pourquoi pas utiliser le CSS et placer directement du texte au lieu de placer une image ?
Voici un exemple :

Code:

.navbar img {display: none;} /* Pour masquer les images du menu */
.navbar a[href="/"]::before {content: "Accueil";} /* Le texte du lien du bouton accueil */

Comme tu peux le voir j'ai fait a[href="/"] dans le CSS, en fait, il suffit de remplacer le "/" par le lien, que tu veux, pas exemple "/calendar" te mettras sur le calendrier. Tu peux faire clic droit -> Inspecter l'élément pour obtenir le lien exact.

~ Ajesto

[Solid6Snake]

Bonjour, cela ne fonctionne pas chez moi, il supprime même toute ma barre de navigation et je préfère passer par la gestion des images tant que possible.

Surtout pour ce genre de problème.

[Ajesto]

Pour mettre des descriptions, je vois pas pourquoi mettre des images, alors qu'on peut directement mettre du texte

[Solid6Snake]

Je suis d'accord avec toi sauf que ton code précédent ne fonctionne pas, du moins pas chez moi.

[MasDan]

Bonjour Solid6Snake,



Pour augmenter la taille du texte ajouter ceci à votre CSS.

Code:

.navbar a {font-size: 20px; }

et modifier le 20px selon vos besoins.


Avant la modification du CSS

Après la modification du CSS

[Solid6Snake]

Ok j'ai placé le code ça fonctionne, merci.

http://entraide-youtubers.forumactif.org/

Accueil c'est bon avec le code du dessus mais comme je fais pour ajouter profils, membres, connexion ect ect..

J'ai pas compris.

[MasDan]

Ma barre de navigation est généré via le panneau d'administration.




Je n'ai ajouté que la ligne de code CSS de mon précédent message; rien d'autre.

Par contre, vous avez plusieurs références à la classe «navbar» à votre css.

[Walt]

Où en-est votre problème ? Votre problème est résolu, dans ce cas pensez à nous le signaler en cochant l'icône RÉSOLU en éditant votre premier message, Votre problème est toujours d'actualité, dans ce cas pensez à faire des UP régulièrement, afin de ne pas voir votre sujet délesté.