Background image pour Toolbar

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

Résolu Background image pour Toolbar

Message par Snape le Mer 3 Avr 2013 - 2:24

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



Dernière édition par Snape le Mer 3 Avr 2013 - 10:43, édité 1 fois

Snape
***

Messages : 157
Inscrit(e) le : 24/01/2011

http://blackhill.forumactif.name/
Snape a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Background image pour Toolbar

Message par Matriochka le Mer 3 Avr 2013 - 10:08

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.

Matriochka
+ Hyperactif +

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

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

Résolu Re: Background image pour Toolbar

Message par Snape le Mer 3 Avr 2013 - 10:11

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!

Snape
***

Messages : 157
Inscrit(e) le : 24/01/2011

http://blackhill.forumactif.name/
Snape a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Background image pour Toolbar

Message par Matriochka le Mer 3 Avr 2013 - 10:18

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.

Matriochka
+ Hyperactif +

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

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

Résolu Re: Background image pour Toolbar

Message par Snape le Mer 3 Avr 2013 - 10:38

@Matriochka a écrit: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

Snape
***

Messages : 157
Inscrit(e) le : 24/01/2011

http://blackhill.forumactif.name/
Snape a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Background image pour Toolbar

Message par Matriochka le Mer 3 Avr 2013 - 10:40

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;}

Matriochka
+ Hyperactif +

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

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

Résolu Re: Background image pour Toolbar

Message par Snape le Mer 3 Avr 2013 - 10:43

J'ai testé, cela fonctionne parfaitement.

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

Question résolue !

Snape
***

Messages : 157
Inscrit(e) le : 24/01/2011

http://blackhill.forumactif.name/
Snape 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