Lorsque vous possédez un abonnement ArcGIS Online, vous disposez d'un portail permettant de diffuser, de partager et de collaborer autour de vos ressources géographiques. Pour que vous puissiez l'adapter à la charte graphique de votre organisation, le "look-and-feel" de ce portail est personnalisable. Dans mon précédent article, j'ai abordé la personnalisation de la page d'accueil en utilisant l'interface d'administration. Si vous maîtriser quelques notions de base d'HTML, vous pourrez aller plus loin dans la personnalisation de cette page d'accueil.
Ajouter des éléments à votre bannière
Dans l'exemple ci-dessous, nous avons rédigé ces quelques lignes d'HTML pour afficher l'image de la bannière et rajouter par-dessus un bouton permettant d'accéder au site web de l'organisation. Le principe consiste à créer un cadre avec une balise div avec l'image en arrière-plan puis à y insérer une seconde balise div pour le bouton.
Ci-dessous, le code source de cet exemple:
Arrondir les angles
En modifiant le style CSS du cadre de la bannière, vous pouvez arrondir les coins inférieurs et vous conformer ainsi au style générale des différents blocs de la page d'accueil.
 |
| Avant modification |
 |
| Après modification |
Ci-dessous l'évolution du code HTML:
Autres améliorations
Dans la version actuelle d'ArcGIS Online, il n'est pas possible de modifier la couleur des titres des éléments de la vitrine. Ainsi, selon les tonalités de l'image, ils sont parfois difficiles à lire (comme ici dans notre exemple). L'accès au code HTML de la bannière permet de corriger ce problème en insérant une bande transparente atténuant, sur cette zone, les couleurs de l'image d'arrière-plan.
Le code HTML ci-dessous montre l'insertion d'une bande blanche d'une transparence de 20% de 960 x 50 pixels:
Notre page d'accueil est désormais terminée, ci-dessous le rendu de la page finalisée:
Pour en savoir plus sur l'utilisation d'HTML pour la création de pages d'accueil personnalisées, vous pouvez vour reporter à la page d'aide suivante.
