Accueil
Les Bases:  Qu'est-ce que le HTML?, Que signifie URL?, noms de domaine, hébergements gratuits, faires ses propres graphismes, optimiser les images, référencement par les moteurs de recherche
Html: créer une page, fonds de page, texts, caractères, liens hypertexte (texte and images), ajouter des images, liens e-mail, formulaires, fonds avec bordure, liens internes, listes, lignes horizontales, zones de texte
Cadres: techniques de bases et avancées
Tableaux: techniques de bases et avancées
DHtml, CSS:  liens non soulignés, changement de couleur du lien au passage de la souris, positionnnement absolu des images, images de fond, changement individuel de couleur d´un lien
Couleurs: nuancier hexadécimal ´RGB´
Java: alertes, applet ´chute de neige´, hover buttons, curseur alphabet, applet ´lac & neige´, changement d´image au pasage de la souris, sortie de cadre, script ´pas de clic droit´
Le Fun:  menu de navigation coloré, musique, livre d'or, défilement de texte, compteurs
Resources: graphismes et fontes de caractères libres de droits
Récompenses

Des pointeurs personnalisés avec trainée

Powered by ThinkHost


ad



DHTML

Rhino
Comment supprimer le soulignement de mes liens ?
Comment modifier la couleur du liens au passage de la souris ?
Comment changer la couleur d'un lien particulier ?
Comment changer les caractéristiques du fond ?
Comment positionner mes images ?
Butterfly



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>


up


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>


up


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>


up


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 :



up


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.

up



Merci André de m'avoir aidé pour la traduction !!!!!

Copyright ©1998-2000 LissaExplains.com, Inc.
Tous droits réservés

Ce site Web est inscrit au
Library of Congress COPYRIGHT OFFICE
Limites et conditions d'utilisation
Tous les autres copyright sont la propriété de leurs propriétaires respectifs.