Accueil Images Boîte à outils Liens Contact
 

 

 

 

 

Boîte à outils

Boutons sans image

Ce petit truc tout simple vous permettra de créer 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 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.

 

 
 

 

Accueil Images Boîte à outils Liens Contact

  Hit-Parade 

© Grenadine.net - 1998-2011