Les sujets:

Les partenaires publicitaires:

Réponses populaires

Questions connexes

Les partenaires publicitaires:

Comment faire une barre de défilement personnalisé pour un div

Vous pouvez modifier la barre de défilement sur votre site pour mettre à jour l'aspect et la convivialité de votre site et ajouter une touche personnelle à votre conception. Malheureusement, les modifications de code suivants fonctionnent uniquement dans Internet Explorer puisque les autres moteurs de recherche ont par défaut strictes à l'égard de leurs barres de défilement. Ne laissez pas cela vous arrêter, cependant. Permettre aux utilisateurs d'Internet Explorer voient quelque chose de spécial que les autres navigateurs ne permettent pas. Vous pouvez accomplir cette tâche en utilisant des feuilles de style ou de l'insertion de code.

Utiliser une feuille de style

  1. Ouvrez la feuille de style de votre navigateur Web.

  2. Ajoutez le code suivant à votre feuille de style:

    "HTML {scrollbar-face-color: # FF0000;

    scrollbar-shadow-color: # 0000FF;

    scrollbar-highlight-color: # 00FF00;

    scrollbar-3dlight-color: # FF00FF;

    scrollbar-darkshadow-color: # 00FFFF;

    scrollbar-track-color: # FFFF00;

    scrollbar-arrow-color: # 000000-} "

  3. Changez chaque aspect de la barre de défilement que vous voulez modifier en utilisant un code de couleur HEX.




  4. Enregistrez le document HTML et feuille de style, et les télécharger sur le serveur de votre site à travers le cPanel (panneau de commande).

  5. Prévisualiser les modifications dans Internet Explorer.

Code intégré

  1. Si vous préférez intégrer le code dans le code HTML et ne pas utiliser une feuille de style, de copier et coller le code suivant:

    "

    Votre page Web titre

    Le contenu de votre page web

    "



  2. Développer les fonctions d'édition de la barre de défilement en ajoutant le reste des codes suivants et les changements de couleur directement dans la page HTML:

    html {

    scrollbar-face-color: # FF0000;

    scrollbar-shadow-color: # 0000FF;

    scrollbar-highlight-color: # 00FF00;

    scrollbar-3dlight-color: # FF00FF;

    scrollbar-darkshadow-color: # 00FFFF;

    scrollbar-track-color: # FFFF00;

    scrollbar-arrow-color: # 000000- "

  3. Enregistrez les modifications et télécharger le nouveau document HTML à votre site à travers le cPanel (panneau de commande).

  4. Prévisualiser les modifications dans Internet Explorer.

Questions connexes

» » » » Comment faire une barre de défilement personnalisé pour un div