Skip to content
Wizidoc
Documentation

Bien démarrer avec Wizinet

6
  • OUTIL – À propos de l’Éditeur WIZINET
  • OUTIL – Outils de l’Éditeur
  • OUTIL – Repérer la zone de blocs et paramètres
  • PAGE – À propos de l’en-tête de page
  • PAGE – Créer une nouvelle page
  • PAGE – Enregistrer/Publier vos pages

Design & Ergonomie

4
  • BLOC – Utiliser des blocs
  • OUTIL – Utiliser des styles prédéfinis
  • PAGE – À propos de l’en-tête de page
  • PAGE – À propos du pied de page

Interface

6
  • BLOC – Détails des paramètres de contenu
  • OUTIL – Détails de la barre d’outils
  • OUTIL – Détails de la barre de menus
  • OUTIL – Outils de l’Éditeur
  • OUTIL – Repérer la zone de blocs et paramètres
  • OUTIL – Utiliser des styles prédéfinis

L'éditeur Wysiwyg

19
  • BLOC – Ajouter différents blocs dans vos pages
  • BLOC – Donner une forme à votre couleur de fond
  • BLOC – Espacer vos blocs
  • BLOC – Gérer la couleur de fond
  • BLOC – Gérer la disposition des blocs
  • BLOC – Gérer les styles d’encadrement
  • BLOC – Styler vos lignes de séparation
  • BLOC – Utiliser des blocs
  • BLOC – Utiliser les paramètres de contenu
  • BLOC – Voir réalisations en démo avant-après
  • BOUTON – Ajouter des boutons de redirection
  • BOUTON – Enregistrer des styles de bouton
  • BOUTON – Gérer le design des boutons
  • BOUTON – Gérer un lien de redirection
  • OUTIL – Détails de la barre d’outils
  • OUTIL – Outils de l’Éditeur
  • TEXTE – Gérer l’espacement des caractères
  • TEXTE – Gérer la mise en forme des titres
  • TEXTE – Insérer une icône

Médias

13
  • BOUTON/IMAGE – Ajouter une ancre
  • IMAGE – Ajouter un favicon
  • IMAGE – Ajouter une ombre
  • IMAGE – Ajouter votre logo
  • IMAGE – Arrondir les images
  • IMAGE – Créer des images de fond
  • IMAGE – Créer un lien à partir d’une image
  • IMAGE – Gérer une galerie de photos
  • IMAGE – Gérer une image flottante
  • IMAGE – Intégrer Google Maps à votre site
  • IMAGE – Personnaliser une galerie prettyphotos
  • IMAGE – Remplacer une image
  • IMAGE – Rogner une image

Navigation

7
  • DOCUMENT – Modifier des fichiers en téléchargement
  • IMAGE – Ajouter un favicon
  • MENU – Ajouter un menu déroulant
  • MENU – Construire le menu principal du site
  • MENU – Descendre une rubrique d’un niveau
  • MENU – Lier rubrique et page
  • MENU – Monter une sous-rubrique d’un niveau

Nom de domaine

1
  • SITE – Connecter un nom de domaine

Pages du site

9
  • MENU – Lier rubrique et page
  • PAGE – À propos du pied de page
  • PAGE – Archiver une page
  • PAGE – Créer une nouvelle page
  • PAGE – Dupliquer une page
  • PAGE – Enregistrer/Publier vos pages
  • PAGE – Paramétrer vos pages
  • PAGE – Supprimer une page
  • PAGE – Voir toutes Mes pages

Paramètres

4
  • BLOC – Détails des paramètres de contenu
  • MENU – Lier rubrique et page
  • PAGE – Archiver une page
  • PAGE – Paramétrer vos pages

Shortcodes

4
  • DOCUMENT – Télécharger vos documents
  • FORMULAIRE – Ajouter un formulaire de contact
  • FORMULAIRE – Ajouter un formulaire de recrutement
  • FORMULAIRE – Utiliser le shortcode [ACTU]
View Categories
  • Accueil
  • Documentation
  • L'éditeur Wysiwyg
  • BLOC – Gérer la couleur de fond

BLOC – Gérer la couleur de fond

1 min read

Utilisez la couleur de fond pour mettre en avant un texte ou pour identifier des zones de votre page en alternant les couleurs par exemple.

GÉRER LA COULEUR DE FOND ET SONT OPACITÉ #

  1. Cliquez dans le texte pour l’activer.
  2. Cliquez sur le Bouton , option PARAMÈTRES.
  3. À partir de la zone de paramètres, sélectionnez le bloc en cliquant sur la balise <div> qui convient.



  4. Puis, à partir de la catégorie BOX, cliquez dans la zone Couleur de fond. 
  5. Et choisissez la couleur qui convient.
  6. Au besoin, gérez l’opacité de la couleur en faisant glisser le curseur.

AUTRES OPTIONS DE LA PALETTE DE COULEUR #

B (Black) : noir.

W (White) : blanc.

Effacer : supprime la couleur.

Plus : affiche plus de couleurs.

rgb : utilisez cette zone pour saisir ou coller votre code couleur. Validez avec le bouton Appliquer, situé à côté. 

QUELQUES EXEMPLES DE BOX AVEC COULEUR DE FOND #

Sur image d’en-tête

Bloc paragraphe sur demi-colonne.

Sélection de la balise < div >  qui convient.

Couleur de fond : rgb(255,146,87).

Sur slider

Bloc texte.

Sélection de la balise < div > qui convient.

Couleur de fond avec opacité : rgba(44,41,39,0.7).

Sur image de fond pleine largeur

Bloc paragraphe 3 colonnes. (2 avec couleur de fond).

Sélection de la balise < div > qui convient.

Couleur de fond : rgb(240,240,240).

Sur bloc paragraphe pleine largeur

Sélection de la balise < div > qui convient.

Couleur de fond : rgb(225,220,217).

À noter #

Vous pouvez dans la zone Couleur de fond saisir le code couleur CMJN. Il sera automatiquement converti au format RGB.

À lire aussi #

Pour utiliser les balises de sélection dans les paramètres, voir BOUTON – Utiliser les paramètres de contenu.

Updated on avril 15, 2021
bloc colonne, mise en forme

What are your Feelings

  • Happy
  • Normal
  • Sad
Share This Article :
  • Facebook
  • X
  • LinkedIn
  • Pinterest
BLOC – Espacer vos blocsBLOC – Gérer la disposition des blocs
Table of Contents
  • GÉRER LA COULEUR DE FOND ET SONT OPACITÉ
  • AUTRES OPTIONS DE LA PALETTE DE COULEUR
  • QUELQUES EXEMPLES DE BOX AVEC COULEUR DE FOND
  • À noter
  • À lire aussi

Créez votre site pro facilement

Sites web pour Tpe, Pme, Artisan, Commerçant, Auto-entrepreneur, profession libérale

  • Mentions légales
  • Conditions générales d’utilisation
  • Politique de confidentialité
© Weezinet