• Publier image

    Le plus simple, pour héberger une image et la publier est d'utiliser l'icône Image de la barre d'outils.

    Je vais cliquer sur cette icône, rechercher mon image dans mes dossier et la sélectionner; un choix de dimensions et de positionnement vous est proposé: vous connaissez.

    Le lien vers l'image d'origine n'est pas cliqué, dans mon cas.

    Publier image

    Mon image fait 1536x864px et je l'ai publiée en 1152x684px (ratio 16/9) par taille personnalisée.

    En cliquant sur l'icône code source (<>), je vois comment le programme a écrit l'adresse de cette image:

    <p style="text-align: center;"><img src="http://ekladata.com/LZmI6s6BZLXkQT3-TDwYFsNFIVg@1152x648.jpg" alt="Publier image" /></p>

    Si je veux modifier la taille de l'image, il me suffit de modifier @1152x648 par, par exemple @800x450, en gardant le reste identique: elle mesurera 800px de large par 450px de haut.

    Si je veux décorer cette image par une bordure, par exemple, il me suffit d'ajouter un attribut à son adresse:

    <p style="text-align: center;"><img style="border:10px ridge grey;" src="http://ekladata.com/LZmI6s6BZLXkQT3-TDwYFsNFIVg@1152x648.jpg" alt="Publier image" /></p>

    Publier image

    Pour ajouter un autre attribut, il suffit de l'ajouter à style=""; par exemple, une ombre:

    <p style="text-align: center;"><img style="border:10px ridge grey; box-shadow:6px 6px 10px black;" src="http://ekladata.com/LZmI6s6BZLXkQT3-TDwYFsNFIVg@1152x648.jpg" alt="Publier image" /></p>

    Publier image

    ***********

    Une autre façon est d'héberger cette image dans une galerie (album), pour en disposer à votre convenance, ce qui n'est pas le cas par l'icône "image"

    Pour créer une galerie sur Ekla: Onglet "Contenu"/ Nouvelle galerie.

    Un cadre s'ouvre et vous propose d'ajouter des images; en cliquant sur la commande "Editer", vous irez chercher votre image dans vos dossiers et la sélectionnerez.

    Sa vignette s'affichera et en cliquant dessus, vous verrez votre image en grand; en cliquant droit dessus, vous trouverez la commande "Copier l'adresse de l'image".

    Cette adresse est à copier en bloc-note et non en page de traitement de texte, qui en déforme le code: IMPORTANT !.

    Une fois que vous aurez cette adresse, vous pourrez soit la publier par l'icône "image" soit ouvrir le code source (<>) et écrire une ligne du genre de celles proposées ci-dessus:

    L'adresse de mon image est: http://ekladata.com/jMhnwFqAjYFPf3tgEgbhpGOAlbQ.jpg

    Il me reste à la mettre en forme pour la publier: exemple:

    <p style="text-align:center;"><img style="border:6px solid white; box-shadow:4px 4px 6px black; border-radius:100px;" src="http://ekladata.com/jMhnwFqAjYFPf3tgEgbhpGOAlbQ@800x450.jpg"></p>

     

    Si vous voulez ajouter un effet 3D, vous pouvez écrire:

    <p style="text-align: center; width: 800px; height: 450px; margin:5px auto; background: url('http://ekladata.com/jMhnwFqAjYFPf3tgEgbhpGOAlbQ@800x450.jpg'); background-size: cover; box-shadow: 4px 4px 6px black, inset 8px 8px 10px white, inset -8px -8px 10px black; border-radius: 250px;">&nbsp;</p>

     L'écriture est différente car l'ombre intérieure ne peut être appliquée que sur le contenant et non directement sur l'image.

    Vous pouvez ajouter d'autres attributs, si vous le désirez.