Background image pour Toolbar

[Snape]

Bonjour à vous,

J'aimerais savoir s'il est possible de changer le background de la toolbar pour une image.

D'ailleurs, est-il possible de mettre une image sur le menu quand on click son profil aussi ? (Bienvenue Pseudo)

Merci d'avance

[Matriochka]

Bonjour,

Pour modifier le fond de la barre, tu peux utiliser ceci, à placer dans Panneau d’administration > Affichage > Couleurs > Feuille de styles CSS :

Code:

#fa_toolbar {background-image:url(url ici);}

À l’intérieur des parenthèses, insère l’URL de l’image que tu veux en fond.

Toujours dans le CSS, pour modifier le fond de l’encadré du profil, tu peux utiliser :

Code:

#fa_menulist, #fa_usermenu {background-image:url(url ici);}

En ajoutant évidemment l’URL de l’image désirée entre parenthèses.

[Snape]

Merci, juste une question avant de tester,

Est-ce que pour le fond de l'encadré du profil il faut une grandeur spécifique ? Je voulais y mettre un parchemin un peu déchiré sur les bords, donc il y aurait de la transparence.

Pour la barre en elle-même, puis-je mettre un fond en 'repeat' pour ne pas devoir bidouiller une barre parfaitement dimensionnée ?

Merci!

[Matriochka]

Pour répéter le fond de la barre :

Code:

#fa_toolbar {background-image:url(url ici);
background-repeat:repeat-x;}

Pour le menu de l’utilisateur, je viens de réfléchir, et il serait en fait plus judicieux d’utiliser ce code-ci :

Code:

#fa_menu ul {}

L’encadré semble faire un peu plus de 330 pixels, mais je ne sais pas s’il faut se fier à ça pour créer ton image. À mon avis, mieux vaut créer une image qui se répète, comme pour la barre.

[Snape]

Pour répéter le fond de la barre :

Code:

#fa_toolbar {background-image:url(url ici);
background-repeat:repeat-x;}

Pour le menu de l’utilisateur, je viens de réfléchir, et il serait en fait plus judicieux d’utiliser ce code-ci :

Code:

#fa_menu ul {}

L’encadré semble faire un peu plus de 330 pixels, mais je ne sais pas s’il faut se fier à ça pour créer ton image. À mon avis, mieux vaut créer une image qui se répète, comme pour la barre.

Merci, le premier code fonctionne parfaitement.

Par contre, je ne saisis pas le deuxième, où dois-je mettre mon image dans tout cela ?

Merci

[Matriochka]

Comme ceci :

Code:

#fa_menu ul {background-image:url(url ici);}

Et si on veut faire répéter l’image :

Code:

#fa_menu ul {background-image:url(url ici);
background-repeat:repeat-x;}

[Snape]

J'ai testé, cela fonctionne parfaitement.

Je vous remercie, il ne me reste qu'à mettre mon 'pattern' de forum.

Question résolue !