 |
 |
Comment supprimer le soulignement de mes liens ? Comment est-ce que je me débarasse de l'"underline" sur mes liens ? C'est vraiment facile, mais ça ne fonctionne qu'avec les navigateurs récents. C'est très simple, ajoutez le code suivant à votre page, entre les balises </title> et </head> :
<STYLE TYPE="text/css">
<!--
A:link {text-decoration:none}
A:visited {text-decoration:none}
--> </STYLE>
Comment modifier la couleur du liens au passage de la souris ? Ça ne fonctionne qu'avec les navigateurs récents (MSIE uniquement). Ajoutez ce code à votre page, entre les balises </title> et </head> et mettez le nom de votre fonte de caractères et le code de votre couleur :
<style type="text/css">
<!--
A:link { text-decoration: none; color:"#Votre couleur" }
A:visited { text-decoration: none; color:"#Votre couleur" }
A:hover { text-decoration: none; color:"#Votre couleur" }
-->
</style>
Comment changer la couleur d'un lien particulier ? Placez le code suivant devant le texte du lien dont vous voulez changer la couleur, et ce lien, et uniquement lui, changera de couleur. Placez vos propres informations là où le texte est en gras :
<A href="addresse de votre lien.html" style="color: #000000"> cliquez ici </A>
Comment changer les caractéristiques du fond ? Vous pouvez changer votre fond de page de manière à ce qu'il ne soit pas "carrelé" ou seulement carrelé sur une ligne verticale ou horizontale. Pour ce faire remplacez le texte en gras par vos information dans le code ci-dessous :
<STYLE TYPE="text/css">
<!--
BODY {background-image: url(votre fichier.gif); background-repeat: votre attribut (voir ci-dessous)}
-->
</STYLE>
Voici la liste des attributs que vous devez placer dans le code ci-dessus pour changer le mode d'affichage du fond dans votre page :
- repeat En plaçant cet attribut, vous obtenez le même résultat que la balise normale de fond de page.
- no-repeat En plaçant cet attribut, votre image de fond apparaît une seule fois en haut et à gauche de votre page.
- repeat-y En plaçant cet attribut, votre image de fond est dupliquée verticalement le long de la marge gauche de votre page.
- repeat-x En plaçant cet attribut, votre image de fond est dupliquée horizontalement en haut de votre page.
Vous pouvez placer votre image de fond n'importe où en utilisant des pourcentages et un attibut de position de fond :
<STYLE TYPE="text/css">
<!--
BODY {background-image: url(votre nom de fichier.gif); background-repeat: no-repeat;background-position: 0% 0%}
-->
</STYLE>
le premier pourcentage correspond à l'alignement horizontal, le second à l'alignement vertical. Par exemple, si vous voulez que votre image soit en haut et au centre de votre page, les pourcentages doivent être de 50% 0%.
voici un exemple :
Comment positionner mes images ? Vous pouvez positionner une image n'imorte où en utilisant le code suivant. Soyez prudent en utilisant ce code car l'image peut alors recouvrir une autre image ou du texte sur votre page. (Remplacez le texte en gras par vos propres données) :
<img style="position:absolute; top:nombre de pixels à partir du hautpx;
left:nombre de pixels à partir de la gauchepx;
width:votre largeur d'image en pixelspx;
height:votre hauteur d'image en pixelspx" src="nom de votre image.gif or .jpg">
Vous pouvez faire chevaucher des images (c'est bien pour les titres) en ajoutant le code ci-dessus pour chaque image, changez simplement le nombre de pixels pour ajuster la taille du recouvrement que vous souhaitez.