Valeur de cette activité : 5 points
Compétence :
09- Les barres de défilement

A-Module 03 : CSS : 5 points - difficulté : 1

Présentation

Afin de vous amuser un peu, voyons ce que le code CSS nous permet de faire avec les barres de défilement d'une page web.

ATTENTION : LE CODE DE FEUILLE DE STYLE POUR LES BARRES DE DÉFILEMENT NE FONCTIONNE QU'AVEC LE NAVIGATEUR INTERNET EXPLORER.

Cliquez ici pour de l'aide
Cliquez ici pour un générateur en ligne
Cliquez ici pour afficher un éditeur en ligne

Description

  1. Ajoutez une page à votre portfolio en affichant la directive 7991
  2. Affiche les assistants et
  3. Inscrivez le titre : Les barres de défilement
  4. Sélectionnez la matière : informatique
  5. Inscrivez dans le champ No de la directive : 7991
  6. Cliquez le bouton Nouveau afin d'écrire les balises d'une page web de base
  7. Inscrivez dans le corps de votre page (entre BODY et /BODY) le titre de niveau 1 : Les barres de défilement
  8. Insérez en en-tête de page (entre HEAD et /HEAD )en utilisant la boîte à liste déroulante "Insérer un modèle", la feuille de style Css_Barre_Defilement
  9. Modifiez les couleurs de cette feuille de style à votre goût
  10. Inscrivez ensuite dans le corps de votre page (entre BODY et /BODY) une courte description de chacune des propriétés suivantes séparée par un saut de ligne :

    scrollbar-base-color:
    scrollbar-track-color:
    scrollbar-face-color:
    scrollbar-highlight-color:
    scrollbar-3dlight-color:
    scrollbar-darkshadow-color:
    scrollbar-shadow-color:
    scrollbar-arrow-color:



    Pour trouver les réponses, veuillez utiliser Google en inscrivant les mots de recherche suivants : css barres de défilement ou css scrollbar.

  11. Ajoutez ensuite au bas de votre page avant la balise /BODY une trentaine de sauts de ligne.
  12. Visualisez votre page et apportez des modifications au besoin.