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
  • Médias
  • IMAGE – Arrondir les images

IMAGE – Arrondir les images

< 1 min read

L’Éditeur WIZINET propose d’arrondir les coins de vos images jusqu’à les rendre rondes. Voici des exemples sur une image de 300×300 px.

EXEMPLE 1 - IMAGE AVEC COINS IDENTIQUES #



  1. Cliquez sur l’image.
  2. Puis, cliquez sur le bouton Interface, option PARAMÈTRES.
  3. À partir du menu, cliquez sur le bouton Interface et choisissez l’outil COINS.
  4. Et dans la zone Border Radius, saisissez 50 px.

EXEMPLE 2 - IMAGE RONDE #



  1. Cliquez sur l’image.
  2. Puis, cliquez sur le bouton Interface, option PARAMÈTRES.
  3. À partir du menu, cliquez sur le bouton Interface et choisissez l’outil COINS.
  4. Et dans la zone Border Radius, saisissez 150 px.

EXEMPLE 3 - IMAGE AUX COINS ASYMÉTRIQUES #



  1. Cliquez sur l’image.
  2. Puis, cliquez sur le bouton Interface, option PARAMÈTRES.
  3. À partir du menu, cliquez sur le bouton Interface et choisissez l’outil COINS.
  4.  Et dans Individual Corners,
    – zone Top Left, saisissez 300 px.
    – zone Top Right, saisissez 50 px.
    – zone Bottom Left, saisissez 50 px.

À noter #

Les coins arrondis obtenus dépendent de la taille d’origine de l’image. 

Updated on avril 9, 2021

What are your Feelings

  • Happy
  • Normal
  • Sad
Share This Article :
  • Facebook
  • X
  • LinkedIn
  • Pinterest
Table of Contents
  • EXEMPLE 1 - IMAGE AVEC COINS IDENTIQUES
  • EXEMPLE 2 - IMAGE RONDE
  • EXEMPLE 3 - IMAGE AUX COINS ASYMÉTRIQUES
  • À noter

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