Discussion :

[nico93100]

Bonjour,
Je suis débutant sur les CSS et j'ai une petite question à vous poser.
J'ai récupéré un :
site
qui comporte 2 feuilles de style
layout.css et global.css (en pièces jointes)

J'aimerais modifier le menu de ce site par celui présenté ici
Ce site explique qu'il faut rajouter le code CSS suivant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
<style type="text/css">
 
 
ul.vert-one{margin:0;padding:0;list-style-type:none;display:block;
font:bold 16px Helvetica, Verdana, Arial, sans-serif;line-height:165%;
width:200px;}
 
ul.vert-one li{margin:0;padding:0;border-top:1px solid #4D0000;
border-bottom:1px solid #761A1A;}
 
ul.vert-one li a{display:block;text-decoration:none;color:#fff;
background:#600;padding:0 0 0 20px;width:180px;}
 
ul.vert-one li a:hover{
background:#900 url("images/vert-one_arrow.gif") no-repeat 0 9px;}
 
ul.vert-one li a.current,ul.vert-one li a.current:hover{
background:#933 url("images/vert-one_arrow.gif") no-repeat 0 9px;}
 
</style>

Problème :
Je ne sais pas trop comment "mixer" ce code avec mes 2 feuilles de style : layout.css et global.css sans tout casser.
Pourriez-vous, svp, m'indiquer comment je dois m'y prendre ?
Merci d'avance
Bonne journée

[Dionyzos]

Bonjour,

Tu dois d'une part copier/coller les qq lignes de code CSS que te file le site 13styles.com dans l'un de tes deux CSS externes (choisi celui qui est systématiquement appelé dans toutes tes pages où apparait le menu)

Dans un 2eme temps tu remplaces le code HTML de ton menu par celui du site 13styles.com, et tu devrais normalement avoir le nouveau menu sur ton site.

Dans un 3eme temps tu télécharges leur image "vert-one_arrow.gif" et tu la places dans un sous-dossier 'images' (que tu crées s'il n'existe pas) à partir du dossier où se trouvent tes CSS.

J'espère avoir répondu à ta question

[nico93100]

Merci bcp
Je vais tester !!