Cela fait maintenant plusieurs fois que je vois passer sur les différents groupes et forums, la question suivante : comment puis-je changer le style d'un élément dans une page web ? Ce tutoriel ne s'applique pas qu'à l'outil Joomla mais s'applique à n'importe quelle page web.
La réponse est extrêmement simple et la voici.
Rendez-vous sur le texte où ila modification que vous souhaitez effectuer sur la page web avec Firefox Nous allons appliquer ce tutoriel à ma page d'accueil :
Cliquez avec le bouton droit de votre souris dans inspecter du menu contextuel
Rendez-vous désormais sur la page web, dans la partie haute de votre page, sur l'élément où vous souhaitez modifier le style
Procéder par un clic droit sur la sélection du menu inspecté. Le navigateur affiche le texte du code où vous avez cliqué. (la fenêtre s'affiche à droite chez mois mais par défaut s'affiche en dessous de la page)
Le navigateur surligne la ligne en question. Vérifiez que vous avez une classe ou un id. Si vous n'avez ni classe ni id le fichier, aller dans votre code pour en rajouter un bien entendu. Je ne peux détailler la méthode ici, elle dépend du contexte.
Dans la deuxième partie de la partie du bas de votre navigateur, une fois que vous avez rajouté votre propre classe ou id, rendez-vous dans la partie centrale de la partie du bas pour fabriquer votre style. Cliquez sur le bouton plus, le navigateur affiche automatiquement le nom de la classe où le nom de l'id prêt à être renseigné.
Vous pouvez donc ici, en mode brouillon, modifier le style que vous souhaitez appliquer à votre élément.
Créez dans votre "mode développeur" votre code CSS, il sera appliqué en temsp réel.
Une fois votre CSS écrit, n'oubliez pas de le rajouter dans votre fichier CSS, dans le navigateur, tout se passe en mémoire vive et donc rien n'est sauvegardé !
Désormais que vous avez le code de votre classe CSS prête à l'emploi, il vous suffit juste de rajouter dans votre feuille de style le style que vous avez fabriqué. Si vous ne connaissez pas le chemin de ce fichier, toujours dans la partie basse droite de votre navigateur, ouvrez la section <head> de votre page web afin de retrouver une balise link avec un rel="stylesheet". Ci-dessous UN exemple parmis d'autres, d'accès un UN fichier css (remarquez que dans cette page, il y a plusieurs appels à plusieurs fichiers CSS)
Selon le contexte, vous pouvez avoir plusieurs lignes de ce type, c'est à vous à trouver le nom de chemin de fichier qui correspond le mieux à celui que vous voulez modifier. (ce n'est pas une question technique mais bien une question de logique. Sur les templates des CMS comme joomla par exemple, il existe des fichiers CSS de type "custom" qui vous sont réservé à vous pour vos propres styles) En effet, il arrive de trouver des noms de chemin de fichiers qui sont par exemple, spécifique à votre propre template. Encore une fois, cela est très contextuel et je ne peux me prononcer sur la manière de faire.
Dans ce fichier css, coller le CSS que vous avez écrit "en mode brouillon" dans le navigateur en utilisant, via le clic droit, le choix "copier la règle". Ce choix peut différer selon les navigateurs ::
Dans VOTRE fichier CSS, une fois ce fichier trouvé, vous devez éditer directement sur le serveur via éventuellement une connexion FTP ou SSH, afin de rajouter le code que vous avez écrite dans la partie centrale de votre correction en ligne. Mais là encore, je ne peux me prononcer dans la mesure où vous avez tous vos propres ménières de faire