Les images déforment la page

[pizinette]

Bonjour,

Je n'ai rien trouvé dans la faq et je n'ai pas non plus trouvé dans les sujets une réponse à ma question.


Mon souci est que sur mon forum, les images de trop grandes dimension, déforment le forum. Comment est-il possible de les afficher en petit format en laissant la possibilité de les agrandir ?

Je ne sais pas si je suis bien claire dans mes propos....

Voici un screen ce sera peut être plus clair :

Merci d'avance pour votre aide.

Edit : ah ben voilà je voudrais que ça fasse comme ici. Comment fait-on ?

[[AoH]Insane]

Il est possible d'utiliser du HTML afin de pouvoir rediriger quelqu'un vers une autre image dans une seconde page, seconde page qui contiendrait l'image en taille réelle. Avant tout, du devras t'assurer que le HTML est bien accepté sur le Forum en suivant le chemin qui suit :

Panneau d'Administration (PA)  Général :arrow:Messages et Emails :arrow:6ième option : Autorisé le HTML :arrow:Coché oui

Ce n'est pas tout, une fois le langage HTML autorisé, tu devras aller dans tes préférences (Profil :arrow:Préférences :arrow:5ième option à partir du bas : Toujours autoriser le HTML :arrow:Coché oui) pour activé le HTML dans tous tes messages. Une fois ça fait, tu pourras utiliser les codes que je te proposerai un peu plus bas.

Pour mettre dans le contexte et avoir un exemple concret pour mes codes, j'ai décidé de prendre l'URL d'une image réellement existant, par exemple, ton image, son URL est: http://d21.e-loader.net/bFClSZfKh5.png

Ceci dit, tu as raison, elle est beaucoup trop grand pour pouvoir entré dans les cadres du forum. Il y a plusieurs façons de faire et je vais t'en proposer deux, tu prendras celle que tu préfères rendu là. La première est simple, il s'agit d'un clique sur l'image redimensionnée afin d'être redirigé sur la page de l'image en taille réelle.

Code:

<a href="URL_DE_TON_IMAGE"><img style="width:95%;" src="URL_DE_TON_IMAGE"></a>

Ce qui donnerait, avec le screenshot que tu as fournis, un code ressemblant à ceci:

Code:

<a href="http://d21.e-loader.net/bFClSZfKh5.png"><img style="width:95%" src="http://d21.e-loader.net/bFClSZfKh5.png"></a>

La seconde façon, qui ressemblerait plus à celle employé sur ce forum, serait de mettre une <div></div>. Bref, je ne m'expliquerai pas longtemps, voici le code de base:

Code:

<div style="background-color:#CODE_DE_COULEUR; width:95%;"><a href="URL_DE_TON_IMAGE">Taille réelle</a><br><img style="width:100%" src="URL_DE_TON_IMAGE"></div>

Et ce que ça donnerait avec le lien de l'image que tu nous as placé dans ton ancien message:

Code:

<div style="background-color:#fbfbfb; width:95%;"><a href="http://d21.e-loader.net/bFClSZfKh5.png">Taille réelle</a><br><img style="width:100%" src="http://d21.e-loader.net/bFClSZfKh5.png"></div>

Après ça, tu peux toujours le mettre centré avec les balises BBCode, ou encore du HTML, mais si tu n'en connais pas les bases, restes-en à ce qui est indiqué dans le Forum en mettant les balises de centrage déjà fournies.

En espérant avoir aidé!

[AoH]Insane

[pizinette]

Merci beaucoup pour ta réponse Insane elle est extrêmement instructive. Néanmoins je recherche un système pour que ce soit fait automatiquement sur tout le forum et non image par image. Sinon ta proposition (si je l'ai bien comprise) est une bonne alternative.

[[AoH]Insane]

Alors pour ce faire, il suffit de suivre ce chemin:

Panneau d'Administration Général Messages et Emails Configuration Dernière option de la section "Messages" : Redimensionnement des images Mettre les mesures voulu.

Un tutoriel officiel écrit par Zen existait déjà à ce sujet, il se trouve ici.

En espérant avoir aidé!

[AoH]Insane

[pizinette]

Ahhhh voilà ce que je cherchais depuis ce matin !! Merci beaucoup *.*