-
Arrondir une image dans Eklablog
L'objet de cet article est de modifier une image sans utiliser de logiciel de retouche d'image (GIMP, Photofiltre 7, Photoshop etc.) mais uniquement le code sur le blog.
Pour modifier le code, il faut être en mode expert, bouton <>.
Pour une image, on peut agir directement sur le code dans la fenêtre d'édition.
Voici une image :
La ligne de code correspondant à cet image est :
<p><img src="http://ekladata.com/iKYXcYYh-TUdypS8hptcdhNFNlg.jpg" alt="Avatar Pépin" /></p>
On va appliquer à l'image "border-radius" de 25
<p style="text-align: center;"><img style="border-radius: 25px;" src="http://ekladata.com/iKYXcYYh-TUdypS8hptcdhNFNlg.jpg" alt="" /></p>
L'image est dans un paragraphe centré, mais vous pouvez changer cet alignement avec les fonctions du menu d'édition.
Comme toujours, je ne sais pas si mon code est propre, il y a peut-être plus simple, mais ça marche.
Prochain article, enfin si j'y arrive : arrondir plusieurs images avec le même formatage.
« Modifier l'apparence du module Derniers visisteurs[appli] PhotosPro - L'application de photo réinventée »
Tags : astuce, arrondir, image, Eklablog, HTML, CSS, code
-
Commentaires
Tu es vraiment au top pour eklablog !
Je vais essayer tes "trucs" dès que j'ai 5 min.
En fait pour le tableau, je n'ai pas réussi en suivant tes conseils mais j'ai mis 10 pour les marges et effectivement ce n'est pas trop mal (cf grammaire Picot CM1 période 5 par exemple)
Ajouter un commentaire
j'ai réussi j'ai réussi!!! merci pépin!!