Changer le Fond de la Barre de Navigation ?

[Florisaly]

Bonjour,

J'aimerais savoir si il est possible de mettre un fond sur la barre de navigation par exemple une image comme celle-ci :
https://2img.net/r/hpimg4/pics/418213aidefaultnav.png
Et les liens de la barre de navigation par dessus.

Merci d'avance pour vos réponses !

[Matriochka]

Bonjour,

Oui c’est possible. Il suffit dans ton template overall_header d’insérer la variable GENERATED_NAVBAR dans une div puis de la personnaliser via ton CSS en lui attribuant une image de fond.

Si tu ne sais pas faire, n’hésite pas, je pourrai toujours te guider pas à pas

[Florisaly]

D'accord, allez dans les templates tout ça je sais faire mais pour ce qui est de mettre GENERATED_NAVBAR dans une div ça je ne sais pas faire ^^'

Merci pour votre aide

[Matriochka]

Bien, je vais te guider

Trouve cette variable dans ton template overall_header :

Code:

{GENERATED_NAV_BAR}

C’est en fait celle qui génère l’affichage de la barre de navigation sur les forums.

Entoure-la d’une div, comme ceci :

Code:

<div class="navbar">{GENERATED_NAV_BAR}</div>

Comme tu vois, je l’ai appelée "navbar".

Une fois ceci fait, va dans Panneau d’admin > Affichage > Couleurs > Feuille de styles CSS, puis insère ton image sur l’élément navbar, comme ceci :

Code:

div.navbar {background:url(http://img4.hostingpics.net/pics/418213aidefaultnav.png);
width:**px;
height:**px;}

Pour height, remplace **px par la hauteur en pixels de ton image. Pour width, même chose avec la largeur

[Florisaly]

Cela fonctionne merci, est-il possible de centrer un peu plus les liens sur l'image ? Sinon ils sont tout en haut

[Matriochka]

Remplace ton CSS actuel par :

Code:

div.navbar {
background:url(http://img4.hostingpics.net/pics/418213aidefaultnav.png);
height:110px;
width:960px;
padding-top:38px;}

On ajoute padding-top pour créer une marge interne en haut (ce qui permet de déplacer les liens).

[Florisaly]

C'est Nikel ! Merci beaucoup pour votre aide qui fut rapide =D

Je mets le sujet en