Bonsoir,

j'ai essayé quelque chose ^^
Est ce que ça te convient ?
http://jsfiddle.net/j4b59bbw/show/

Sache que si tu veux mettre d'autres liens il y aura une scroll barre, tu pourras donc ajouter autant de lien que tu veux à ton prédéfini ^^
Je te donne le code rapidement ^^

EDIT : ce fut donc assez rapide ^^ voici le lien où tu trouveras ton code

https://www.never-utopia.com/t56949-fiche-de-personnage-predefinis-tons-mauves#862399

Pense à mettre mon pseudo dans le titre et mettre l'icone terminé ^^

Edit : J'ai essayer la fiche , mais lorsque je copie/colle le code , et que je poste le sujet ( sans rien toucher ) , l'aigle et le mot " âge " sont décalé :/

peux-tu m'envoyer le lien du topic où tu as posté la fiche que je puisse voir ce que ça donne stp ?

Sur mon forum test ça se décale pas, donc là sans le voir, je ne peux pas t'aider ^^'

je suis allée voir la fiche mais je ne pouvais pas voir les images de la fiche sans être inscrite, je me suis donc inscrite (tu pourras supprimer mon compte après la résolution du souci ) mais étant donné que je débute en codage (j'ai commencé il y a à peine un mois) je n'ai pas vraiment vu d'où venait le souci >.< alors je n'ai pas eu d'autre choix que demander un coup de main à mon chéri, il est en train d'étudier le code et le souci de son côté, il teste sur son forum test et viendra te voir dès qu'il aura compris d'où vient le souci

Go Go Pozeeeerrrr rqngeerrrrr (Ah oui mince mon clavier était en QWERTY)

Salut, du coup c'est moi qui que v'là qui a regardé le codounet qui est pas gentil tout beau parce qu'il veut pas marcher comme il faut...

En fait, j'avais remarqué ce bug aussi sur NU et maintenant que j'ai trouvé d'où ça viens, bah ça fais que confirmer le fais qu'ici aussi Jack a utilisé ça, bref

Pour faire simple, dans ton Panneau d'Administration > Général > Messages et Emails > Configuration > Redimensionnement des images

Tu as dû rentrer une valeur en face de "largeur" ici 700 px si je ne m'abuse, et rien en hauteur. Ce redimensionnement n'est malheureusement pas fait en CSS mais en Javascript, il se trouve à la fin du template Viewtopic_body :

Code:

<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>

Sur ton forum, une fois affiché sur la page d'un sujet, il est transformé en :

Code:

<script type="text/javascript">//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : 700, 'max_height' : 0 }));//]]></script>

En soit, le code a pas l'air bien méchant, qu'est-ce qu'il fait ? Il va sélectionner les images (donc balise "img"), contenu dans la class "postbody", grosso modo la div qui entoure un message. Puis, il va ajouter à ses balises la class "resize_img". Il va ensuite redimensionner les images avec cette class pour leur donner les dimensions qu'on a rentré (ici 700px de largeur) puis va aussi afficher autour de cette image une span avec le texte "Agrandir cette image" et compagnie.

Sauf que le code semble réagir très étrangement si l'image n'a pas besoin d'être redimensionné. J'ai pas encore trouvé d'où ça viens exactement mais bon... En gros, si l'image est plus petite que les dimensions rentré (donc là moins de 700px de largeur) alors il va lui ajouter la class, puis la retirer, réinitialisé son style interne (style="") en y mettant juste un "display:inline;".

C'est ça qui fait bugger le code, puisqu'il retire le style de l'image, bah elle ne se mets plus à la bonne place.

Trois solutions pour régler ça :

- Retirer le redimensionnement des images dans les messages, en clair tu mets des valeurs vident en face de "largeur" et "hauteur" à l'endroit indiqué plus haut. Le risque c'est de te retrouver avec des images de 1000px de largeur qui déforme le forum toussa.

- Faire le redimensionnement en CSS grâce à :

Code:

.postbody img{
max-width: 700px;
}

Le soucis c'est que tu n'auras plus le "agrandir cette image" "voir la taille réelle" toussa.

- Que Fyraliel modifie son code pour mettre une div autour de l'image et qu'elle mette son style sur la div et rien sur l'image et voilà, pu de soucis de reset du style. Ou tu peux aussi le faire toi-même, il suffit d'ajouter une balise "div" autour de l'image, et de prendre le style de l'image pour le mettre sur la div.

Voilà voilà, en espérant avoir aidé :)

Si jamais tu veux faire toi-même, normalement dans le code il te suffit de repérer :

Code:

<img src="http://www.servimg.com/u/f18/13/89/57/82/1048110.gif" style="position: absolute; top: -30px; right: 0"/>

Donc l'image juste avant "âge" ^^

Et de la remplacer par :

Code:

<div style="position: absolute; top: -30px; right: 0"><img src="http://www.servimg.com/u/f18/13/89/57/82/1048110.gif" /></div>

En veillant à bien avoir "Âge" après la fermeture de la div qui entoure l'image, donc ainsi :

Code:

<div style="height: 18px; width: 150px; background: #C8A6CB; border-radius: 7px; position: relative; text-align: center; font-size: 13px; padding-top: 2px;"><div style="position: absolute; top: -30px; right: 0"><img src="http://www.servimg.com/u/f18/13/89/57/82/1048110.gif" /></div>Âge</div>

Je vais modifier de suite le LS ^^
Merci Alzu pour ton coup de main

EDIT : Voila le LS est modifier, pour ceux qui auraient le même souci que toi ce sera donc réglé et pour ceux qui ne l'ont pas ça ne changera rien donc c'est bon pour tout le monde ^^

Hello , hello c'est encore moi , avec un petit problème ... //SBAFF//

C'est encore plus décalé qu'avant ... Je pense que le problème ne vient pas du code , mais du "forum" , il faut donc que je modifie le CSS si j'ai bien compris ?

http://spirit-2.secretstory2008.com/t137-test-fiche#677 voilà le lien , c'est le deuxième post x]

J'suis vraiment désoler d'embêter mon monde comme ça .. e.e'
Sinon tempi je vais enlever l'aigle ou le déplacer x)

Edit : voilà j'ai modifier la fiche comme je pouvais , et j'ai finalement mis l'aigle juste au dessus de " Âge " , comme ça , c'est régler Et je ne vous embête pas plus longtemps !

Coucou,

Vraiment désolée, c'est de ma faute, quand j'ai modifié le code j'ai mal fait mon copier/coller >.< normalement cette fois ce sera bon ^^'

*croise les doigts*

Contente que tout soit réglé ^^ et pense à supprimer mon compte sur ton forum ^^