KompoZer est un outil de développement Web gratuit à code source ouverte qui comprend un éditeur et un support pour les feuilles de style en cascade, ou CSS, ou WYSIWYG (What-you-see-is-what-you-get, ou WYSIWYG, éditeur et support pour les feuilles de style en cascade, ou CSS). Sa flexibilité en fait un choix populaire tant pour les développeurs Web en herbe que pour les développeurs établis. La flexibilité et la puissance ne viennent pas sans un certain niveau de complexité, cependant — afin de maintenir la compatibilité avec les normes HTML, toutes les fonctions de codage ne sont pas disponibles en cliquant sur une icône et en appliquant des propriétés prédéfinies à un élément de page. La fonction de survol, ou » survol de la souris « , qui change la couleur d’un lien lorsque le curseur de la souris est placé sur la page nécessite un travail supplémentaire pour s’appliquer correctement.
Ouvrir la page à modifier dans KompoZer.
Cliquez sur « Outils » dans la barre de menu principal en haut de la fenêtre de KompoZer. Cliquez sur « CSS Editor » dans le menu déroulant.
Cliquez sur le bouton immédiatement à gauche de « règle de style personnalisée » dans la section « Créer un nouveau : » de la fenêtre « Feuilles de style CSS ».
Entrez le texte « a:hover », sans les guillemets, dans la zone de texte sous la règle de style personnalisé.
Cliquez sur la case « Créer une règle de style ».
Cliquez sur l’onglet « Texte » situé en haut à droite de la fenêtre.
Cliquez sur le rectangle vide immédiatement à droite de la zone de saisie de texte intitulée « Couleur : » pour ouvrir une fenêtre de sélection de couleur qui vous permet de choisir une couleur prédéfinie ou de choisir une teinte personnalisée.
Sélectionnez une couleur. Cliquez sur le bouton « OK » pour fermer la fenêtre de sélection des couleurs. Le nom d’une couleur standard apparaît dans la zone de saisie de texte pour la couleur ; les couleurs personnalisées sont désignées par leur valeur hexadécimale.
Cliquez sur le bouton « OK » en bas de la fenêtre « CSS Stylesheets » pour enregistrer les modifications et revenir à la fenêtre d’édition.
Créez le texte du lien comme vous le feriez normalement dans KompoZer en mettant le texte en surbrillance, en cliquant sur l’icône du lien et en entrant l’adresse du lien dans la fenêtre pop-up properties. Le lien passe à la couleur spécifiée lorsque vous placez le curseur de la souris sur le texte.
Laisser un commentaire