Voici la suite des codes HTML très utiles pour vos sites web...
Comment créer un lien-bouton personnalisé
C'est en fait un lien normal, mais sous la forme d'un bouton ! Le modèle ci-dessous est simple à personnaliser.
Pour faire un lien-bouton, insérez ce code sur votre site :
<form method="link" action="ADRESSE DU LIEN"><input type="submit" value="TEXTE SUR LE BOUTON" style="font-family:POLICE; color:#COULEUR"></form>
Remplacez les éléments en majuscules par vos informations !
Lien invisible : désactiver le curseur main
C'est un lien où le curseur ne se transforme pas en main au survol. Très utile pour l'esthétique du site !
Voici le code HTML à placer sur votre page :
<a href="URL DU LIEN" style="cursor:default; text-decoration:none">TEXTE DU LIEN</a>
Image en noir et blanc avec effet de couleur au survol
Une image en noir et blanc qui retrouve sa couleur d'origine au passage de la souris !
Voici le code à utiliser :
<img src="URL DE TON IMAGE" style="filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)" onmouseover="this.style.filter='progid:DXImageTransform.Microsoft.BasicImage(grayscale=0)'" onmouseout="this.style.filter='progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)'">
Déplacer la barre de défilement à gauche
Un code simple qui ajoute une touche d'originalité : la barre de défilement se trouve à gauche !
Placez ce code dans votre page :
<body style="direction: rtl;">
<div style="direction: ltr;">
Personnaliser le curseur sur les liens
Vous voulez un curseur différent de la traditionnelle main sur vos liens ? Voici comment faire :
<a href="http://URL DE TON LIEN" style="cursor:NOM DU CURSEUR">TEXTE DU LIEN</a>
Les différents curseurs disponibles
- Flèche normale :
default - Double flèche verticale :
n-resize - Double flèche en diagonale vers la gauche :
se-resize - Double flèche en diagonale vers la droite :
ne-resize - Point d'interrogation :
help - Sablier :
wait - Croix :
crosshair
Masquer la publicité de votre hébergeur
Pour supprimer la publicité de certains hébergeurs gratuits, voici les codes à insérer :
Pour Dromedaire et Geocities
<p align="center"><iframe src width="0" height="0" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no"></p>
Pour AngelFire et Dromedaire
<!-- Start code //-->
<SCRIPT LANGUAGE="JavaScript">
<!--
function open () {return true;}
//-->
</SCRIPT>
Ces codes doivent être placés à la fin de la page !
Comment surligner un texte en HTML
Pour mettre en valeur un texte important, utilisez ce code :
<font color="#ffffff" size="1" face="Verdana"><span style="background-color: #0099FF">TON TEXTE ICI</span></font>
Vous pouvez modifier la couleur du surlignage (#0099FF) et celle du texte (#ffffff).
Créer un fond d'écran fixe (défilement indépendant)
Le texte défile pendant que le fond reste immobile. Voici le code :
<body background="URL FOND" bgproperties="fixed">
Insérer une boîte de texte (textarea)
Une boîte de texte est idéale pour afficher des codes HTML, par exemple pour créer des tutoriels.
Voici le code :
<textarea>Vous écrivez ce que vous voulez</textarea>
Voilà ! J'espère que ces codes vous seront utiles. S'il y a une faute, une erreur dans les codes, ou si vous en voulez plus, n'hésitez pas à m'envoyer un message !
