[Tuto] La feuille de style CSS
Page 1 sur 1•Partagez
- Splash
StaffAdmin - Code:
/*background du forum*/
body {
background: #BBD2E1 url("https://i.servimg.com/u/f40/19/99/61/05/noize-11.png");}
![Splash](https://2img.net/u/4012/75/45/07/avatars/1-77.gif)
la feuille de style - CSS
Vous avez un code CSS à appliquer sur votre forum, mais vous ne savez pas comment faire ?
Comment placer un code CSS dans la feuille de style de son Forumactif
En premier lieu, il va falloir ouvrir votre Panneau d’Administration en mode avancé, dans la majeure partie des cas le mode est déjà sélectionné, autrement il va falloir cliquer sur le bouton « Avancé ».
Rendez-vous ensuite dans l’onglet affichage.
Le chemin à suivre :
Panneau d'administration / Affichage / Images et Couleurs / Couleurs / Feuille de style CSS
Si vous n’avez jamais utilisé le style CSS pour votre forum ou que vous n’avez pas choisi un thème Hitskin avec une CSS, la feuille de style devrait être vide, ça ne veut pas dire que votre forum n’utilise pas de CSS puisque Forumactif applique une feuille de style à tout ces forums, cette feuille contiendra uniquement votre CSS personnalisé.
Si vous n'avez jamais utilisé de code CSS votre feuille de style ressemble à ceci :
Personnaliser votre forum
Vous voulez personnaliser votre forum en utilisant différents codes CSS, il ve falloir les placer les uns à la suite des autres dans votre feuille de style.
Prenons par exemple un code pour avoir un fond de couleur bleu avec une apparence granuleuse, ce code par exemple :
Il suffit de copier le code dans votre feuille de style, ainsi :
En bas de la feuille de style il faudra cliquer sur
![Valider 2](/users/4012/75/45/07/smiles/3522799283.png)
Les options CSS
En bas de page vous trouverez l'onglet Options du CSS
En détails :
1/ Forcer le CSS de base du forum
En forçant le CSS par défaut, toutes les modifications que vous aurez apportés à la feuille de style seront ignorés. Cette option ne supprime pas vos modifications et ne s'affiche que lorsque vous avez appliqué un style personnalisé
2/ Voir le CSS de base de votre forum
En cliquant sur ce lien vous aurez accès à la feuille de style de base de votre forum
3/ Désactiver le CSS de base
Cette option s'adresse aux personnes ne désirant pas que le CSS de base soit chargé avant leur feuille de style personnalisé
Attention : Le fait de ne pas charger le CSS de base ne vous donnera pas accès à la modification simple des couleurs
Si des mises à jour sont effectuées au niveau du CSS, vous ne disposerez pas de ces dernières ce qui peut entrainer des bugs visuels
4/ Optimiser votre CSS
Cette option vous permet d'optimiser votre code CSS. Cela accélère le chargement de vos pages et améliore la navigation des membres sur le forum
Attention : Votre CSS doit être valide pour le bon fonctionnement de cette option
![]()
Dans certain cas il est nécessaire de cocher NON à Optimiser votre CSS
Sauvegarder le CSS
En haut de page vous avez la possibilité de faire une sauvegarde de votre feuille de style, pour cela il suffit de cliquer sur le bouton " Sauvegarder le CSS "
Cela sauvegardera votre CSS, en un fichier.css, dans le répertoire de téléchargement, ou autre, de votre ordinateur
Voilà, la feuille de style CSS n'a plus de secret pour vous
- LilaCH
Membre
![LilaCH](https://2img.net/u/4012/75/45/07/avatars/4-26.png)
Merci beaucoup !
- chrisnvidia
Membre
![chrisnvidia](https://2img.net/u/4012/75/45/07/avatars/10-38.png)
Merci beaucoup !
Sujets les plus actifs
Sujets les plus vus
Meilleurs posteurs
» » Bouton MP "Répondre" adapté à la version ModernBB
» » Réduire la hauteur des catégories
» » [AwesomeBB] Ajout d'un bloc de connexion/enregistrement en bas de page
» » Afficher les avatars en forme rectangulaire
» » Modifier la partie des stats en début de qeel
» » Mettre une image au qeel
» » Rendre l'image du header cliquable
» » Elargir le cadre de la boite de smileys
» » [phpBB3] Flèches Haut et Bas qui s'adaptent à la couleur du thème
» » Catégories rétractables sur l'index
» » [phpBB3] Catégories de différentes couleurs
» » [phpBB3] Ajout d'un bloc de connexion/enregistrement en bas de page
» » Centrer l'avatar, le pseudo & le rang dans les messages
» » Modifier l'icône "On-line"