Magazine Blog

Tutoriel Canalblog : ajuster ses photos à la taille de son blog

Publié le 25 avril 2012 par Aunomi

Parce que je ne maîtrise pas l'HTML et que j'aime les explications simples, parce que je galère sur Canalblog pour faire une jolie mise en page et parce que je ne trouve pas facilement les réponses sur le forum dédié... j'ai décidé de faire 2-3 tutos histoire de vous faire partager mes trouvailles!

Ne vous emballez pas, ce sont des tutos très simples mais qui changent la vie une fois que l'on sait...

Donc ATTENTION cette nouvelle catégorie ne s'adresse qu'aux bloggeurs Canalblog!

ATTENTION bis, je suis en mode avancé! (qui permet d'en faire beaucoup)

 

1er tuto : COMMENT AJUSTER SES PHOTOS A LA TAILLE SE SON BLOG

photoCitroen

1- Télécharger votre image via l'icône "insertion d'une image"

2- Décocher les cases
"Afficher l'image à la taille originale dans une nouvelle fenêtre" et
"Créer une miniature de l'image"

2- Passer en mode HTML

3- Repérer la ligne de code qui doit ressembler à ça :

http://storage.canalblog.com/73/88/611871/75068468.jpg" alt="photoCitroen" width="800" height="600" border="0" /></p>

4- Remplacer le début et la fin du code comme indiqué en rouge :

<p><img style="width: 100%;" src="http://storage.canalblog.com/73/88/611871/75068468.jpg" alt="photoCitroen" /></p>

J'ai simplement supprimer ici les mentions relatives à la taille de l'image qui étaient imposées et non conforme à la taille de mon blog (width="800" height="600" border="0") pour les remplacer par une valeur en pourcentage qui s'adaptera quelque soit ma colonne (="width: 100%;").

Pour info, après alt= il s'agit du nom de la photo qui apparaîtra lorsque vous passerez la souris dessus.

PS: j'ai bien essayé de passer sous Wordpress mais rien qu'à l'idée de recommencer ça me démotive...


Retour à La Une de Logo Paperblog

A propos de l’auteur


Aunomi 925 partages Voir son profil
Voir son blog

l'auteur n'a pas encore renseigné son compte

Magazines