Bonjour à tous,
J'aimerais modifier la taille de certaines images de mon blogspot mais après avoir cherché partout sur le web et fait différents essais, je n'arrive pas à trouver la solution...
Voici que je voudrais faire : C'est, à partir de très grandes images stockées sur mon ordi, pouvoir poster des images qui prennent à l'affichage la largeur disponible des posts (ou une largeur plus petite) et où l'on puisse cliquer dessus ensuite pour avoir la taille réelle (très grande)
Lorsque je poste une image de mon ordi en choisissant dans le module de blogger "grande taille", voilà ce que j'ai :
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/..."><img style="cursor: pointer; width: 400px; height: 351px;" src="http://3.bp.blogspot.com/..." alt="" id="BLOGGER_PHOTO_ID_5263374397884432866" border="0" /></a>
Ce module semble être paramétré pour un maximum de 400x351 (ce qui est beaucoup plus petit que la largeur disponible dans mes posts) mais c'est ce qui me convient pour la majorité de mes images. Mais : je voudrais pouvoir modifier cette taille quand j'en ai besoin, pour certaines images (au cas par cas).
J'ai fait différents essais. En changeant le html de cette image et en mettant : width: 100%; height: 100%, c'est très bien car l'image prend toute la largeur dispo du post. Problème : ça a agrandi l'image à partir du 400x351 ce qui fait que l'image est floue. Alors qu'elle aurait été nette si ça avait fait du 100% en diminuant l'image d'origine, très grande. J'ai aussi essayé de mettre des pixels plus grands que 400x351 et, même problème : c'est flou.
J'ai regardé dans le modèle html du blog. Il n'est écrit nulle part ni 400 ni 351. Dans la section POST, j'ai :
}
.post img {
padding: 10px;
border: 0px solid $borderColor;
}
Je copie cette info au cas où vous en auriez besoin mais je me demande si c'est nécessaire car je ne veux pas modifier le modèle html du blog ni les paramètres par défaut du module pour poster des images, 2 choses qui me conviennent très bien pour la majorité de mes posts, mais je voudrais juste pouvoir, pour certaines images, en poster des plus grandes que du 400x351 sans qu'elles soient floues (donc diminuées à partir de l'image d'origine très grande et l'on puisse ensuite cliquer dessus pour la voir dans sa taille d'origine).
J'espère que quelqu'un pourra m'aider... Merci !

En fait il faut agrandir le cadre général qui englobe les articles et la barre de droite :
Ce cadre en html est nommé "outer-wrapper" (juste au dessus de main-wrapper), en l'ajustant à "width: 1100px;" il ya a apparement la place pour laisser apparaitre des articles contenant des photos à 800px ainsi que la barre de droite ...
Je ne garantie rien mais cela à l'air de fonctionner sur mon blog en tout cas !
Merci pour l'aide et bon courage pour ceux qui galèrent encore ...
Merci beaucoup pour cette aide précieuse,
Mon problème est que je commence à saturer de devoir faire ça à chaque post, est-il possible de changer les paramètre par défaut dans le code html du blog ??