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 – Styler vos lignes de séparation

BLOC – Styler vos lignes de séparation

1 min read

INSÉRER UNE LIGNE DE SÉPARATION #

Utilisez le bloc de ligne de séparation pour donner encore plus de visibilité à vos contenus.

  1. Cliquez sur le bouton , situé à droite de l’écran.
  2. Et à partir de la catégorie Basic, faites glisser le bloc de ligne de séparation.

MODIFIER L'ASPECT DE LA LIGNE #

Servez des paramètres de contenu pour donner un style à vos lignes de séparation. Dans cet exemple, la ligne est limitée à 50px de long, épaisseur du trait 3px, couleur rose.

 

 

  1. Cliquez sur la ligne pour la rendre active.
  2. Cliquez sur le bouton Plus , option PARAMÈTRES.
  3. À partir de la catégorie BOX,
    zone Width, saisissez 50px.
  4. À partir de la catégorie BORDURE,
    zone Border Top, saisissez 3px, et dans dans le carré couleur, choisissez la couleur qui convient.

Quelques exemples de style de Séparateur #

Bloc Séparateur.

 

1/ Choisissez la catégorie BORDURE.

2/ Dans la zone Individual Sides, Border Top :
Épaisseur 1px, Style de trait Dotted, Couleur rgb(102,46,0).

3/ Dans la zone Individual Sides, Border Bottom :
-Épaisseur 1px, Style de trait Solid, Couleur rgb(55,71,79).

Bloc Séparateur.

 

1/ Choisissez la catégorie BORDURE.

2/ Dans la zone Individual Sides, Border Top :
Épaisseur 1vw, Style de trait Dotted, Couleur rgba(0,186,204,0.5).

À noter #

L’épaisseur des traits peut varier en fonction du support sur lequel s’affiche votre site (PC ou téléphone mobile). C’est pourquoi l’Éditeur  WIZINET propose plusieurs unités de mesure :

px : unité absolue. L’élément reste fixe.

em : unité relative par rapport à l’élément parent.

vw : unité relative par rapport à la largeur de la fenêtre.

vh : unité relative par rapport à la hauteur de la fenêtre.

À lire aussi #

Pour aller plus loin dans les paramètres de contenu, voir BLOC – Utiliser les paramètres de contenu.

Updated on avril 15, 2021
bloc colonne, bloc contenu, bloc ligne, separation

What are your Feelings

  • Happy
  • Normal
  • Sad
Share This Article :
  • Facebook
  • X
  • LinkedIn
  • Pinterest
BLOC – Gérer les styles d’encadrementBLOC – Utiliser des blocs
Table of Contents
  • INSÉRER UNE LIGNE DE SÉPARATION
  • MODIFIER L'ASPECT DE LA LIGNE
  • Quelques exemples de style de Séparateur
  • À 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