Accueil Images Boîte à outils Liens Contact
 

 

 

 

 

Bote outils

Boutons sans image

Ce petit truc tout simple vous permettra de crer des effets de bouton avec quelques lignes de code CSS seulement.

 Voici l'exemple :

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 grce une feuille de style, dont voici la dfinition :

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 indpendant dont le nom est stylBCSS.css. IL suffit ensuite d'insrer le code suivant l'intrieur 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 faon, si vous avez plusieurs pages qui doivent avoir la mme mise en forme, le simple fait d'y ajouter la ligne de code ci-dessus applique les paramtres de la feuille de style. Cliquer ici pour tlcharger le fichier de la feuille de style.

 

  
 

 

Accueil Images Boîte à outils Liens Contact

  Hit-Parade 

© Grenadine.net - 1998-2011