Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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

Les feuilles 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 à la feuille CSS, 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 :

    La feuille de style CSS 08-01-11

  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 :

    La feuille de style CSS 08-01-12

  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ée 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'accolades ouvertes { et fermées }, un message d'erreur apparaît :

Voir illustration :

La feuille de style CSS 08-01-14

Toutefois, votre code CSS défectueux a été sauvegardé et appliqué sur votre forum. 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 :

La feuille de style CSS 08-01-15

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 :

La feuille de style CSS 08-01-16

Apprendre le CSS



Plusieurs tutoriels et astuces sont à votre disposition pour apprendre et tester le CSS. En voici une sélection :

Tuto Le CSS, comment ça fonctionne ?
Tuto Les principaux identifiants CSS (PhpBB2 & PhpBB3)
Tuto Couleurs et leurs nominations

Astuce Personnaliser entièrement la toolbar via CSS
Astuce Modifier l'apparence de la barre de navigation via CSS (PhpBB3)
Astuce Différents codes CSS (Invision)

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

Tuto Le HTML, comment ça fonctionne ?

Walt

Walt
Modéractif
Modéractif

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

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

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


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