COMMENT FAIRE : Créer des liens hypertexte personnalisés à l?aide de feuilles de style en cascade dans Microsoft FrontPage 2003

Traductions disponibles Traductions disponibles
Numéro d'article: 825450 - Voir les produits auxquels s'applique cet article
Cet article peut contenir des liens vers des informations en langue anglaise (pas encore traduites).
Pour vous procurer une version Microsoft FrontPage 2002 de cet article, reportez-vous à l'article 287706.
Agrandir tout | Réduire tout

Sommaire

Résumé

Cet article décrit comment créer des liens hypertexte personnalisés à l?aide de feuilles de style en cascade (CSS) dans Microsoft Office FrontPage 2003. Il contient des exemples qui expliquent l?utilisation des fonctionnalités de la feuille de style en cascade pour créer des liens hypertexte personnalisés.

Remarque. Cet article utilise les fonctionnalités de la feuille de style en cascade qui peuvent ne pas être prises en charge dans tous les navigateurs Web. Pour plus d'informations, consultez l?aide de Microsoft FrontPage. Pour cela, cliquez sur Aide sur Microsoft FrontPage dans le menu ? (Aide), tapez compatibilité feuille de style en cascade dans la zone Recherche, puis appuyez sur ENTRÉE pour afficher les rubriques correspondantes.

Créer des liens hypertexte personnalisés à l?aide de feuilles de style en cascade

Les exemples suivants expliquent comment créer des liens hypertexte personnalisés à l?aide des fonctionnalités de la feuille de style en cascade :

Microsoft fournit des exemples de programmation à des fins d'illustration uniquement, sans garantie explicite ou implicite, y compris, de manière non limitative, les garanties implicites de qualité marchande et/ou d'adéquation à un usage particulier. Cet article suppose que vous connaissez le langage de programmation présenté et les outils utilisés pour créer et déboguer des procédures. Les techniciens du Support technique Microsoft peuvent vous expliquer les fonctionnalités d'une procédure particulière, mais ils ne peuvent pas modifier les exemples en vue de vous fournir des fonctionnalités supplémentaires ou de créer des procédures répondant à vos besoins spécifiques. Si vous ne maîtrisez que partiellement la programmation, vous pouvez contacter un Microsoft Certified Partner ou l'assistance téléphonique (payante) de Microsoft au (800) 936-5200 (États-Unis). Pour plus d'informations sur les Microsoft Certified Partners, reportez-vous au site Web de Microsoft à l'adresse suivante (en anglais) :
https://solutionfinder.microsoft.com/
Pour plus d'informations sur les options de support technique disponibles, reportez-vous au site Web de Microsoft à l'adresse suivante :
http://support.microsoft.com/default.aspx?scid=fh;[LN];CNTACTMS
Remarque Un message d'erreur peut s'afficher lorsque vous copiez directement les exemples à partir de cet article et que vous les collez ensuite dans FrontPage. Les crochets (< et >) peuvent apparaître comme du code HTML. Pour contourner ce problème, collez d?abord l'exemple de code dans un document vierge du Bloc-notes, puis copiez ce dernier sur votre page dans FrontPage.

Exemple 1 : Création de liens hypertexte où seuls les soulignements s?affichent dans une autre couleur

Cet exemple met en forme le texte du lien hypertexte de la même couleur que le texte du document. Seul le soulignement du lien hypertexte s?affiche dans une autre couleur. Pour créer un lien hypertexte personnalisé, procédez comme suit :
  1. Démarrez FrontPage et créez une nouvelle page vierge.
  2. Dans le menu Affichage, cliquez sur Page, puis en bas de la page, cliquez sur Code.
  3. Insérez le code suivant dans la zone <head></head> de la page :
    <style>
    body      { color: black; background-color: white; font-family: arial }
    a         { color: black; text-decoration: none; border-bottom-style: solid; border-bottom-width: 1px }
    a:link    { border-bottom-color: blue }
    a:visited { border-bottom-color: purple }
    a:hover   { border-bottom-color: green }
    a:active  { border-bottom-color: red }
    </style>
    
  4. Insérez le code suivant dans la zone <body></body> de la page :
    <p>Please see <a href="http://www.microsoft.com">http://www.microsoft.com</a> for more.</p>
    <p>Please see <a href="http://www.msn.com">http://www.msn.com</a> for more.</p>
    
  5. Dans le menu Fichier, cliquez sur Enregistrer.
  6. Dans la boîte de dialogue Enregistrer sous, indiquez l?emplacement où vous souhaitez enregistrer le fichier, tapez Exemple1 dans la zone Nom de fichier, puis cliquez sur Enregistrer.
  7. Dans le menu Fichier, pointez sur Afficher dans le navigateur puis cliquez sur le navigateur Web que vous souhaitez utiliser pour afficher la page.

Exemple 2 : Création de liens hypertexte qui utilisent des boutons sensitifs

Cet exemple crée des liens hypertexte qui utilisent des boutons de style sensitif avec un arrière-plan uni. Pour créer un lien hypertexte personnalisé, procédez comme suit :
  1. Démarrez FrontPage et créez une nouvelle page vierge.
  2. Dans le menu Affichage, cliquez sur Page, puis en bas de la page, cliquez sur Code.
  3. Insérez le code suivant dans la zone <head></head> de la page :
    <style>
    body      { color: black; background-color: white; font-family: arial }
    a         { text-decoration: none; padding: 3px }
    a:link    { color: white; background-color: blue }
    a:visited { color: white; background-color: purple }
    a:hover   { color: white; background-color: green }
    a:active  { color: white; background-color: red }
    </style>
    
  4. Insérez le code suivant dans la zone <body></body> de la page :
    <p>Please see <a href="http://www.microsoft.com">http://www.microsoft.com</a> for more.</p>
    <p>Please see <a href="http://www.msn.com">http://www.msn.com</a> for more.</p>
    
  5. Dans le menu Fichier, cliquez sur Enregistrer.
  6. Dans la boîte de dialogue Enregistrer sous, indiquez l?emplacement où vous souhaitez enregistrer le fichier, tapez Exemple2 dans la zone Nom de fichier, puis cliquez sur Enregistrer.
  7. Dans le menu Fichier, pointez sur Afficher dans le navigateur puis cliquez sur le navigateur Web que vous souhaitez utiliser pour afficher la page.

Exemple 3 : Création de liens hypertexte qui utilisent les boutons en relief

. Cet exemple crée des liens hypertexte qui utilisent un bouton en relief de style sensitif. Une zone colorée s?affiche autour du texte du lien hypertexte et crée un effet de relief. Pour créer un lien hypertexte personnalisé, procédez comme suit :
  1. Démarrez FrontPage et créez une nouvelle page vierge.
  2. Dans le menu Affichage, cliquez sur Page, puis en bas de la page, cliquez sur Code.
  3. Insérez le code suivant dans la zone <head></head> de la page :
    <style>
    body      { color: black; background-color: white; font-family: arial }
    a         { color: black; text-decoration: none; border-style: solid; border-width: 2px; padding: 2px }
    a:link    { border-color: blue }
    a:visited { border-color: purple }
    a:hover   { border-color: green }
    a:active  { border-color: red }
    </style>
    
  4. Insérez le code suivant dans la zone <body></body> de la page :
    <p>Please see <a href="http://www.microsoft.com">http://www.microsoft.com</a> for more.</p>
    <p>Please see <a href="http://www.msn.com">http://www.msn.com</a> for more.</p>
    
  5. Dans le menu Fichier, cliquez sur Enregistrer.
  6. Dans la boîte de dialogue Enregistrer sous, indiquez l?emplacement où vous souhaitez enregistrer le fichier, tapez Exemple3 dans la zone Nom de fichier, puis cliquez sur Enregistrer.
  7. Dans le menu Fichier, pointez sur Afficher dans le navigateur puis cliquez sur le navigateur Web que vous souhaitez utiliser pour afficher la page.

Exemple 4 : Création de liens hypertexte qui utilisent une autre mise en forme du texte

Cet exemple met en forme les liens hypertexte pour qu?ils utilisent du texte non souligné, en italique et minuscules. Lorsque vous déplacez votre pointeur sur le lien hypertexte, le texte du lien hypertexte est converti en majuscules. Pour créer un lien hypertexte personnalisé, procédez comme suit :
  1. Démarrez FrontPage et créez une nouvelle page vierge.
  2. Dans le menu Affichage, cliquez sur Page, puis en bas de la page, cliquez sur Code.
  3. Insérez le code suivant dans la zone <head></head> de la page :
    <style>
    body      { color: black; background-color: white; font-family: arial }
    a         { text-decoration: none; font-style: italic; text-transform: lowercase }
    a:link    { color: blue; font-weight: bold }
    a:visited { color: purple }
    a:hover   { color: green; text-transform: uppercase }
    a:active  { color: red  }
    </style>
    
  4. Insérez le code suivant dans la zone <body></body> de la page :
    <p>Please see <a href="http://www.microsoft.com">http://WWW.microsoft.COM</a> for more.</p>
    <p>Please see <a href="http://www.msn.com">http://WWW.msn.COM</a> for more.</p>
    
  5. Dans le menu Fichier, cliquez sur Enregistrer.
  6. Dans la boîte de dialogue Enregistrer sous, indiquez l?emplacement où vous souhaitez enregistrer le fichier, tapez Exemple4 dans la zone Nom de fichier, puis cliquez sur Enregistrer.
  7. Dans le menu Fichier, pointez sur Afficher dans le navigateur puis cliquez sur le navigateur Web que vous souhaitez utiliser pour afficher la page.

Références

Pour plus d'informations sur les feuilles de style en cascade dans FrontPage 2003, consultez l'aide de FrontPage. Pour cela, dans le menu ? (Aide), cliquez sur Aide sur Microsoft Office FrontPage. Dans la zone Rechercher, tapez feuilles de style en cascade, puis appuyez sur ENTRÉE pour afficher les rubriques correspondantes.

Références

Pour plus d'informations, cliquez sur les numéros ci-dessous pour afficher les articles correspondants dans la Base de connaissances Microsoft.
196488 FP2000 : Que sont les feuilles de style en cascade ?
205996 COMMENT FAIRE : Créer des feuilles de style en cascade dans FrontPage 2000
240972 COMMENT FAIRE : Supprimer les soulignements des liens hypertexte dans FrontPage 2000
222949 FP2000 : Créer des effets sensitifs pour les boutons de formulaire à l?aide de DHTML et CSS

Propriétés

Numéro d'article: 825450 - Dernière mise à jour: lundi 13 août 2007 - Version: 2.2
Les informations contenues dans cet article s'appliquent au(x) produit(s) suivant(s):
  • Microsoft Office FrontPage 2003
Mots-clés : 
kbhowto KB825450
L'INFORMATION CONTENUE DANS CE DOCUMENT EST FOURNIE PAR MICROSOFT SANS GARANTIE D'AUCUNE SORTE, EXPLICITE OU IMPLICITE. L'UTILISATEUR ASSUME LE RISQUE DE L'UTILISATION DU CONTENU DE CE DOCUMENT. CE DOCUMENT NE PEUT ETRE REVENDU OU CEDE EN ECHANGE D'UN QUELCONQUE PROFIT.

Envoyer des commentaires

 

Contact us for more help

Contact us for more help
Connect with Answer Desk for expert help.
Get more support from smallbusiness.support.microsoft.com