Les fichiers

Dans une page contenu, cliquer sur le picto pour ajouter un fichier.
Vous pouvez ajouter plusieurs fichiers en même temps.
Toutes sortes de fichiers peuvent être ajoutés :

  • Visuels .jpg, .gif, .png, .svg, .ai, ...
  • Audios .mp3, .wav, .midi, .ram, ...
  • Vidéos .avi, .mp4, ...
  • Texte .odt, .txt, .doc, .docm, .doct
  • Tableur .csv, .xls, ...
  • Powerpoint .ppt, ...
  • PDF .pdf
  • Autres .zip, .htlm, .css, ...
    Cliquer icipour voir la liste complète des 120 extensions acceptées.

Par défaut les fichiers visuels (.jpg, .png) sont présentés par des petites vignettes sur la page. Si on clique sur une vignette, le visuel apparaît en grand dans la médiabox. Si il y en a plusieurs, la médiabox vous offre la possibilité de voir les visuels sous la forme d’un diaporama.

Les autres fichiers sont listés sous la forme de liens.

Dans le popup PERSONNALISER LES LIEUX, 4 choix s’offrent pour la présentation des fichiers :
 Audio affichera un bouton de lecture audio (.mp3,.wav).
 Playliste permettra de lire en continu tous les fichiers .MP3 de la page.
 Vidéo affichera la vidéo directement dans la page.
 Grandes vignettes permettra de voir les visuels en grand.

Il est aussi possible d’insérer des images ou autres fichiers dans le texte.
Pour le faire il faut avoir préalablement télécharger des fichiers dans la page.
Alors, avec le crayon ouvert du côté droit de la zone crayonnable on voit apparaître une petite zone de quelques lettres :

En cliquant dessus, un dépliant apparaît et présente tous les fichiers enregistrés de la page.

Faites alors un copier du code <docX> et coller-le dans la zone de texte à l’endroit désiré. X est le numéro du document.

Par défaut le visuel s’affichera à sa pleine grandeur, ce qui n’est pas toujours souhaitable
Heureusement il est possible d’imposer un format en indiquant une largeur ou une hauteur. De plus on peut placer le visuel à gauche au cente ou à droite.

Pour cet exemple le numéro du document est 46
<doc46>


<doc46|left|largeur=200>  Maintenant on réduit l'image à une taille de 100 pixels et on la place à gauche du texte.

Maintenant on réduit l’image à une taille de 100 pixels et on la place à gauche du texte.



<doc46|right|largeur=50> Cette fois on donne une taille de 50 pixels et on place l'image à droite du texte.

Cette fois on donne une taille de 50 pixels et on place l’image à droite du texte.



TRUC
C’est parfois difficile de placer le texte et les images en harmonie. De par le positionnement flottant à gauche ou à droite, les visuels peuvent s’enchevêtrer.
Ce petit bout de code règle le problème : <br class="clear" />

Exemple concret, toujours avec la même image :

<doc46|left|largeur=100>
<doc46|left|largeur=100>
Les images sont mal positionnées.



Les images sont mal positionnées.


Avec notre petit bout de code

<doc46|left|largeur=100>
<br class="clear" />
<doc46|left|largeur=100>
<br class="clear" />




Voilà les images sont bien alignées.