• 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 <>.

    Arrondir une image dans Eklablog

     

    Pour une image, on peut agir directement sur le code dans la fenêtre d'édition.

    Voici une image :

    Avatar Pépin

     La ligne de code correspondant à cet image est : 

    <p><img src="http://ekladata.com/iKYXcYYh-TUdypS8hptcdhNFNlg.jpg" alt="Avatar P&eacute;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 »
    Pin It

    Tags Tags : , , , , , ,
  • Commentaires

    2
    Dimanche 9 Mars 2014 à 17:17

    j'ai réussi j'ai réussi!!! merci pépin!!

    1
    Dimanche 9 Mars 2014 à 15:17

    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)

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :