La feuille de style CSS

Voir le sujet précédent Voir le sujet suivant Aller en bas

  • 0

Tutoriel La feuille de style CSS

Message par Walt Ven 8 Jan 2021 - 20:16

La feuille de style CSS
La feuille de style CSS (Cascading Style Sheet) forment un langage informatique qui décrit la présentation des documents HTML et XML [Wikipédia]. Grâce à cette feuille, vous avez la possibilité de personnaliser l'affichage de votre forum Forumactif.

Gérer la feuille de style CSS de votre forum

Panneau d'administration  Affichage  Images et Couleurs - couleurs (Onglet Feuille de style CSS)
La feuille de style CSS 08-01-10

  1. Effectuer une recherche sur la feuille de style CSS : si vous souhaitez rechercher un élément précis sur votre CSS, il suffit de renseigner le champ prévu à cet effet et de cliquer sur le bouton rechercher. Les occurrences trouvées s'afficheront en jaune ;
    Voir illustration :
  2. Sauvegarder votre CSS sur votre forum : vous pouvez sauvegarder la feuille de style CSS de votre forum sur ordinateur (ou tout autre matériel). Un fichier .css sera téléchargé et contiendra une copie de ladite feuille ;
    Voir illustration :
  3. Feuille de style CSS : C'est dans cette zone que vous allez inscrire les différents langages informatiques pour personnaliser l'affichage de votre forum ;

  4. Bouton valider : N'oubliez pas de cliquer sur le bouton valider pour sauvegarder les modifications.

Gérer les options de la feuille de style CSS

Panneau d'administration  Affichage  Images et Couleurs - couleurs (Onglet Feuille de style CSS)
En-dessous de la feuille de style CSS, trois options sont disponibles :

La feuille de style CSS 08-01-13

  1. Forcer le CSS de base du forum : Cette option ne s'active que si et seulement si vous avez une feuille de style CSS personnalisée. Si vous faites le choix de cocher sur OUI, toutes les modifications que vous aurez apportées dans la feuille de style CSS seront ignorées. Cette option ne supprime pas vos modifications. Elle peut être utile lorsqu'une erreur dans l'affichage de votre forum apparaît et constater si cette dernière provient ou non de votre feuille de style CSS. Enfin, vous avez la possibilité de visionner le CSS de base de votre forum en cliquant sur le lien " Voir le CSS de base de votre forum".

  2. Désactiver le CSS de base : cette option est cochée sur NON par défaut. Elle s'adresse aux personnes ne désirant pas que le CSS de base soit chargé avant leur feuille de style CSS personnalisée. Attention, le fait de ne plus charger le CSS de base ne vous donnera plus accès la gestion simple des couleurs. De plus, si des mises à jour sont effectuées au niveau du CSS, vous ne disposerez pas de ces dernières d'où une possibilité de bugs visuels.

  3. Optimiser votre CSS : cette option est coché sur OUI par défaut. Elle vous permet d'optimiser votre code CSS. Cela accélère le chargement de vos pages et améliore donc la navigation de vos visiteurs sur le forum. Attention, votre CSS doit être valide pour le bon fonctionnement de cette option.

Gérer les erreurs de la feuille de style CSS

Forumactif a mis en place des vérifications après la validation de votre feuille de style CSS.

Un nombre différent d'accolades

Si votre code CSS présente un nombre différent d'accolages ouvertes { et fermées }, un message d'erreur apparaît :
Voir illustration :
Toutefois, votre code CSS défectueux a été sauvegardé et appliqué sur votre forum. Toutefois, nous vous invitons fortement à relire votre code pour éviter des erreurs d'affichage.

Un code CSS trop volumineux

La feuille de style CSS d'un forum est limitée à approximativement 65000 caractères espaces compris. Si cette limite est dépassée, un message d'erreur apparaît :
Voir illustration :
Il convient alors de réduire le code CSS afin de pouvoir valider la feuille de style CSS.

Les balises HTML automatiquement supprimées

Si vous insérez par erreur des balises HTML, lors de la validation de votre feuille de style CSS, Forumactif les supprimera automatiquement avant de la valider. Un message d'information apparaîtra :
Voir illustration :

Sujets liés

Plusieurs tutoriels et astuces sont à votre disposition pour apprendre et tester le CSS :


L'utilisation du CSS peut être couplée avec celle du HTML :


Walt

Walt
Modéractif
Modéractif

Masculin
Messages : 6089
Inscrit(e) le : 08/09/2015

Walt a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum