|
Lien 1
Lien 2
Lien 3
Lien 4
Lien 5
Bouton courriel
Il s'agit de liens tout simples, dont
voici le code :
<a class="menv"
href="lien1.html">Lien
1</a><BR>
<a class="menv"
href="lien2.html">Lien
2</a><BR>
<a class="menv"
href="lien3.html">Lien
3</a><BR>
<a class="menv"
href="lien4.html">Lien
4</a><BR>
<a class="menv"
href="lien5.html">Lien
5</a><BR>
<a class="menv"
href="mailto:vous@courrier.com">Lien
Email</a><BR>
L'effet de boutons est obtenu grâce à
une feuille de style, dont voici la définition :
A.menv {
text-decoration: none;
text-align: center;
background-color: Green;
color: #fff;
display: block;
width: 10em;
border: 2px inset;
padding: 0.25em;
margin: 0.5em auto;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
}
A.menv:HOVER {
border: 2px outset;
background-color: Lime;
color: #000;
}
Il s'agit d'un fichier indépendant
dont le nom est stylBCSS.css. IL suffit ensuite d'insérer le
code suivant à l'intérieur des balises <HEAD></HEAD>
de la page à laquelle doit s'appliquer cette feuille de style :
<HEAD>
<link
rel="stylesheet"
href="stylBCSS.css"
type="text/css">
</HEAD>
De cette façon, si vous avez plusieurs
pages qui doivent avoir la même mise en forme, le simple fait d'y
ajouter la ligne de code ci-dessus applique les paramètres de la
feuille de style. Cliquer ici pour
télécharger le fichier de la feuille de style.
|
