Changer le Fond de la Barre de Navigation ?

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Changer le Fond de la Barre de Navigation ?

Message par Florisaly le Dim 12 Mai 2013 - 11:27

Bonjour,

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

Merci d'avance pour vos réponses !


Dernière édition par Florisaly le Dim 12 Mai 2013 - 11:55, édité 1 fois

Florisaly
**

Féminin
Messages : 89
Inscrit(e) le : 12/09/2011

http://sons-of-masamune.forum-officiel.com/
Florisaly a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer le Fond de la Barre de Navigation ?

Message par Matriochka le Dim 12 Mai 2013 - 11:34

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 Wink

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer le Fond de la Barre de Navigation ?

Message par Florisaly le Dim 12 Mai 2013 - 11:36

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

Florisaly
**

Féminin
Messages : 89
Inscrit(e) le : 12/09/2011

http://sons-of-masamune.forum-officiel.com/
Florisaly a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer le Fond de la Barre de Navigation ?

Message par Matriochka le Dim 12 Mai 2013 - 11:39

Bien, je vais te guider Smile

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 Wink

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer le Fond de la Barre de Navigation ?

Message par Florisaly le Dim 12 Mai 2013 - 11:46

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

Florisaly
**

Féminin
Messages : 89
Inscrit(e) le : 12/09/2011

http://sons-of-masamune.forum-officiel.com/
Florisaly a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer le Fond de la Barre de Navigation ?

Message par Matriochka le Dim 12 Mai 2013 - 11:52

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).

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer le Fond de la Barre de Navigation ?

Message par Florisaly le Dim 12 Mai 2013 - 11:55

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

Je mets le sujet en résolu

Florisaly
**

Féminin
Messages : 89
Inscrit(e) le : 12/09/2011

http://sons-of-masamune.forum-officiel.com/
Florisaly a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum