Les images déforment la page

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Les images déforment la page

Message par pizinette le Jeu 4 Juil 2013 - 13:53

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 ?


Dernière édition par pizinette le Jeu 4 Juil 2013 - 17:32, édité 1 fois

pizinette
****

Féminin
Messages : 370
Inscrit(e) le : 22/01/2008

http://the-girl-on-fire.forumactif.org
pizinette a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Les images déforment la page

Message par [AoH]Insane le Jeu 4 Juil 2013 - 16:44

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) Arrow 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

[AoH]Insane
***

Masculin
Messages : 118
Inscrit(e) le : 04/07/2013

http://aoh-rpg.forum-canada.com/
[AoH]Insane a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Les images déforment la page

Message par pizinette le Jeu 4 Juil 2013 - 17:03

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.

pizinette
****

Féminin
Messages : 370
Inscrit(e) le : 22/01/2008

http://the-girl-on-fire.forumactif.org
pizinette a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Les images déforment la page

Message par [AoH]Insane le Jeu 4 Juil 2013 - 17:30

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

Panneau d'Administration Arrow Général Arrow Messages et Emails Arrow Configuration Arrow Dernière option de la section "Messages" : Redimensionnement des images Arrow 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

[AoH]Insane
***

Masculin
Messages : 118
Inscrit(e) le : 04/07/2013

http://aoh-rpg.forum-canada.com/
[AoH]Insane a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Les images déforment la page

Message par pizinette le Jeu 4 Juil 2013 - 17:32

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

pizinette
****

Féminin
Messages : 370
Inscrit(e) le : 22/01/2008

http://the-girl-on-fire.forumactif.org
pizinette a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum