Ascenseurs web personnalisés

  1. Design-web








La technique permettant d'afficher des ascenseurs personnalisés en couleur est faite grace aux styles.

Plusieurs variables sont utilisées et portent un nom de code, il suffit d'attribuer un code couleur à chaque élément de l'ascenseur.

Voici les différentes variables et code couleur utilisés sur cette page avec entre parenthèse la signification du code :

SCROLLBAR-FACE-COLOR: #336699 (ascenseur)
SCROLLBAR-HIGHLIGHT-COLOR: #4d88c4 (surbrillance)
SCROLLBAR-SHADOW-COLOR: #224466 (ombre)
SCROLLBAR-ARROW-COLOR: #ffffff (fleche)
SCROLLBAR-BASE-COLOR: #000000 (base)
SCROLLBAR-DARKSHADOW-COLOR: #224466 (ombre de fond)
SCROLLBAR-3DLIGHT-COLOR: #224466 (surbrillance de fond)

Un zoom sur les couleurs de l'ascenseur

      
        
        
        
        

La syntaxe du code utilisé

<head>
<style type="text/css">
body.scrollbar {SCROLLBAR-FACE-COLOR: #336699; SCROLLBAR-HIGHLIGHT-COLOR: #4d88c4; SCROLLBAR-SHADOW-COLOR: #224466; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-BASE-COLOR: #000000; SCROLLBAR-DARKSHADOW-COLOR: #224466; SCROLLBAR-3DLIGHT-COLOR: #224466}
</style>
</head>
<body class="scrollbar">


Version Imprimable

Design de site Web

Les codes couleurs du web


Les couleurs du web selon les codes héxadécimaux, ainsi que selon les noms des couleurs

Cela peut-être utilisé notamment pour personnaliser les couleurs de l'ascenseur de la page.

Des icones en police graphique


Ou comment les icones utilisées sur le net peuvent être remplacées par les polices graphiques

Des boutons graphiques


Réaliser un joli design web avec des boutons graphiques ou des fonds de logos en deux D ou en 3D, c'est ce que nous proposent ces pages de boutons graphiques 2D et boutons graphiques 3D


Tutoriels Webmaster

Référencement :

Depuis l'arrivée de l'intelligence artificielle dans nos vies, bien des domaines sur internet se posent des questions, les webmaster sont ainsi concernés, se demandant si l'indexation de leur site par GPTBot est profitable.

https://phortail.org/quizz/moderne/


Référencement :

Comment analyser les pages de la search console qui sont répertoriées par Google comme explorées mais non indexées. Faut-il demander leur indexation ou n'y aurait-il pas quelque chose de mieux à faire.


Référencement :

Comment Google Analytics et la Search console Google fonctionnent. Quelle est la différence entre ces outils ? Est ce qu'ils interagissent entre eux ?


Scripts :

Internet a deux caractéristiques principales : Cela bouge beaucoup et cela bouge vite. Le webmaster se doit d'être actif, voire réactif, et de disposer de l'information rapidement. Un simple script en python peut l'aider.


Scripts :

Comment contrôler visuellement que l'affichage de différentes pages web se fait correctement avec les différentes configurations de navigateur, et résolution d'affichage. Le Webdriver de Sélénium permet via un script d'automatiser la capture de telles pages, pour contrôler en un coup d'oeil le résultat.


Conception :

Optimiser un site web avec du responsive design est un pas de plus fait vers l'utilisateur final
Pour autant, si une page du site a un poids de plusieurs méga, l'utilisateur risque, s'il est sur un téléphone mobile, de partir avant que la page ne soit complétement chargée.


Outils :

Comment gérer les erreurs 404 not found sur le fichier browserconfig.xml, alors que celui ci est demandé par le navigateur.


Scripts :

Les feuilles de style d'un site web permettent d'adapter l'affichage à la taille de l'écran. Voyons comment faire pour un site qui s'affiche aussi bien sur un ordinateur, une tablette qu'un téléphone intelligent (smartphone).


Pages webmaster
Actu Webmaster

Thèmes Phortail