Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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
avatar

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
Membre actif

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!
avatar

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
Membre actif

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
avatar

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
Membre actif

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 !
avatar

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