Se connecter / S'enregistrer
Votre question

créer des séparateurs pour menu horizontal

Tags :
  • CSS
  • Programmation
Dernière réponse : dans Programmation
1 Avril 2008 11:58:49

bonjour,

j'aimerais créer des séparateurs pour séparer les éléments de mon menu horizontal comme sur le site de code blocks:
http://www.codeblocks.org/

je sais que c'est une image mais comment on l'a créé??

merci d'avance

Autres pages sur : creer separateurs menu horizontal

a c 232 L Programmation
1 Avril 2008 23:10:59

Salut,

C'est pas une image sur codeblocks...
Ils ont juste mis une bordure en CSS border-bottom:3px solid #D2E0F2;
2 Avril 2008 10:43:30

non je ne suis pas sûre!
fais un clic droit à cet endroit, afficher l'image de fond.
Contenus similaires
a c 232 L Programmation
2 Avril 2008 11:08:53

Si si, c'est juste une bordure en CSS.
L'image de fond c'est juste une image de 1 pixel de largeur qui sert à mettre la couleur grise dans le fond du menu.
Les traits bleus sont des bordures en CSS.
2 Avril 2008 16:13:22

:s :s :s bah pourquoi ça fait genre un effet alors?
je ne comprend pas!

Fais un clic droit, afficher l'image de fond, enregistrer.
Le nom, c'est "menu-divider.png" qui veut dire diviseur de menu lol

une simple bordure n'aurait pas fait cet effet là!
a c 232 L Programmation
2 Avril 2008 17:14:32

Aaaah, en fait, excuse moi, je croyais que tu parlais du menu à gauche... avec Main et Quick Links.
Il suffit de faire une image de 1 pixel de large.
Ensuite, tu regardes le code CSS qu'ils ont utilisé pour la placer :
  1. background:transparent url(../images/menu-divider.png) repeat-y scroll 100% 0pt;
2 Avril 2008 17:22:34

ahhhhh bah voila on se comprend enfin lol

comment tu fais pour chopé le code CSS des sites??

merciiiii
2 Avril 2008 18:31:56

Tu fais click droit sur la page n'importe où et tu as soit pour IE afficher le code source et pour Firefox tu as Code source de la page
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS