De nos jours, avoir votre propre site web n'est pas un luxe, mais plutôt une nécessité. Sa création nécessite certaines compétences et connaissances en html. Construire un site Web simple est assez facile. Cependant, le décorer et créer des éléments interactifs offrant des fonctionnalités supplémentaires au site posera des problèmes à un débutant. L'un de ces éléments interactifs qui améliorent le confort des visiteurs du site est la barre de défilement. Il est surtout utile dans les champs du site, qui assurent sa connexion avec des scripts (interaction du site avec les utilisateurs).
Il est nécessaire
Internet ou tout autre tutoriel html
Instructions
Étape 1
La chose la plus importante sur n'importe quel site est la convivialité. L'idée même d'utiliser une barre de défilement sur votre site ne conviendra que si son apparence est dictée non pas par votre désir, mais par sa nécessité. Faites la mise en page de la page sur laquelle vous souhaitez placer la barre de défilement. Choisissez un emplacement pour le défilement (également appelé barres de défilement).
Étape 2
Choisissez un emplacement pour la barre de défilement sur la page du site qui vous intéresse. Il doit être lié de manière rigide à un élément (par exemple, une zone de texte ou une liste déroulante). Vous devez calculer cet endroit en pixels ou en pourcentage. Ce n'est pas difficile à faire, surtout si la mise en page du site a une structure claire.
Étape 3
Entre les balises BODY, vous devez ajouter le code de défilement standard. Vous pouvez le trouver dans n'importe quel tutoriel html. Il y a deux options - soit ajouter cet extrait directement au code html de la page, soit le joindre à la feuille de style CSS. La deuxième méthode est plus pratique si vous modifiez plus d'une page, mais tout le site à la fois. Ensuite, vous devez entrer les paramètres de couleur de la barre de défilement, sinon elle sera grise et sans intérêt. La figure montre et étiquette les éléments de défilement. Les paramètres doivent être saisis de la même manière que sur la figure, séparés par des points-virgules.
Étape 4
Maintenant, vous devez absolument tester vos modifications. Pour que la barre de défilement ait la même apparence dans tous les navigateurs, vérifiez-la sur les principaux - Internet Explorer, Mozilla Firefox et Opera. Si cela ne fonctionne pas sur l'un d'entre eux, revenez à la première étape et corrigez les erreurs.
