Compteur de visites gratuit
CAForum infos
Derniers sujets
» » Masquer le bloc "Modérateurs"
Aujourd'hui à 15:39 par David1195

» » Qeel en bas de page
Hier à 21:15 par Noxys

» » Afficher / Masquer la réponse rapide
Hier à 20:58 par Noxys

» » Différencier les MP non lus et nouveaux
Hier à 16:37 par Noxys

» » Modifier le message sur la page d'accueil
Hier à 16:36 par Noxys

» » Mettre une image en fond de page (body)
Hier à 16:33 par Noxys

» » Masquer "Connexion" & "S'enregistrer" sur la toolbar
Mar 19 Mar 2019 - 21:04 par Esiole

» » 14h de panne pour Facebook, la plus longue de son histoire
Sam 16 Mar 2019 - 22:10 par HeroxAquariophile

» » Formulaire pour diaporama
Dim 10 Mar 2019 - 18:33 par Splash

» » Modifier l'apparence du qeel
Dim 10 Mar 2019 - 16:57 par Synoka

» » Masquer les statistiques du bas de forum (Nb de messages, Nb de membres, dernier inscrit)
Dim 10 Mar 2019 - 15:11 par David1195

» » Feuille de style pleine
Dim 10 Mar 2019 - 15:10 par David1195

» » Le coucou du jour
Ven 8 Mar 2019 - 14:02 par chrisnvidia

» » Différencier le mode texte et le mode WYSIWYG à l'éditeur
Ven 8 Mar 2019 - 13:24 par chrisnvidia

» » Les dernières informations de Forumactif
Mar 5 Mar 2019 - 18:31 par Splash

» » Transfonter
Lun 4 Mar 2019 - 11:10 par valou712

» » Spam, Phishing, Arnaques : Signaler pour agir
Lun 4 Mar 2019 - 10:57 par David1195

» » La feuille de style CSS
Lun 4 Mar 2019 - 10:56 par David1195

» » Enlever la bordure bleu au post-header
Lun 4 Mar 2019 - 10:51 par David1195

» » Le javascript
Dim 3 Mar 2019 - 9:15 par LilaCH

La feuille de style CSS

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

Splash

Splash

StaffAdmin
StaffAdmin

MessageSplash le Dim 24 Fév 2019 - 23:34

  • MP
  • Zoom
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 :
Code:
/*background du forum*/
body {
  background: #BBD2E1 url("https://i.servimg.com/u/f40/19/99/61/05/noize-11.png");}

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  pour enregistrer le code et appliquer la modification sur votre forum



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



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



† Aucune aide ne sera donnée en privé
LilaCH

LilaCH

Membre
Membre

MessageLilaCH le Dim 3 Mar 2019 - 9:15

  • MP
  • Zoom
Merci beaucoup !
chrisnvidia

chrisnvidia

Membre
Membre

Messagechrisnvidia le Dim 3 Mar 2019 - 17:20

  • MP
  • Zoom
Merci beaucoup !
David1195

David1195

StaffModo
StaffModo

MessageDavid1195 le Lun 4 Mar 2019 - 10:56

  • MP
  • Zoom
Merci beaucoup !



Modérateur des forums



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

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

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