Pitit up ! ~

Je tente le coup !
Je ne te garantis rien Stalonas parce que je suis loin d'être une grande codeuse mais ton schéma a l'air assez simple à réaliser. Si je ne m'en sors pas je te le fais savoir assez vite


Au fait, pour les relation c'est une image ou du texte que tu veux mettre ? Vu la taille j'en ai déduit du texte mais j'ai un doute donc je demande !

Rebonjour !
Je te présente finalement ceci :
En ayant pas attendue ta réponse j'ai fais la partie basse sans trop savoir à quoi elle va te servir donc n'hésite pas à raclamer une modification ! Pour le reste aussi d'ailleurs
Concernant l'avatar je ne sais pas faire un bel ovale comme le tien donc j'ai essayé de faire au mieux niveau visuel mais il va falloir que tu redimensionnes ton image pour qu'elle aille correctement dans l'espace prévu.

Voilà voilà, en espérant que ce soit à la hauteur de tes espérances !
Bien sur, tout est modifiable !

Hey !
Désolé de ne pas être passé plus tôt... :/
Alors déjà merci beaucoup d'avoir pris ma commande ! :p
Alors pour répondre (en retard mais bon...), est-ce que tu as vue le schéma que j'ai réalisé avec les explications ? M'enfin c'est pas bien grave vu que y avait pas grand grand chose à rajouter, c'était juste pour le mettre sous forme de codage. ^^ (Et puis au pire, j'vais essayer d'arranger de toutes ptities modifs)
Donc voilà pour ça ! Ensuite alors pour l'avatar bah en fait la forme est pas trop mal o/ (je l'ai réalisé sur Photoshop avec les formes prédéfinies en fait)

Eh bien franchement, bravo parce que moi ça me convient tout à fait
Si je voulais juste faire mon pointilleux de service, ce serait juste si possible pour les rectangles de la partie "Relations" où il y aurait du texte à insérer, de mettre les bords en arrondis (mais je crois savoir faire ça au pire). Ensuite, juste les ptits autres trucs que j'avais mis dans le schéma d'explication genre faire une séparation dans "Relations" en "Amis" et "Ennemis". M'bon après c'est vraiment pour les ptits trucs. Ah et juste, les ronds pour insérer des images, c'est possible de les agrandir un peu plus (ou alors ils s'arrangent direct à la taille après quand on met sur le forum parce que c'est vrai que ça fait un pitit peu petit ^^)

Bon voilà, je pense avoir tout dit, si tu as l'envie de corriger ces pitites choses je t'en serais reconnaissant, si non j'peux toujours tenter moi-même o/
En tous les cas, merci vraiment de ce premier travail effectué !
Bonne soirée ~

Les modifications apportées te conviennent ?
J'ai agrandit les bulles qui sont en format 80px ; il faudra que tu fasses toi même les images correspondant à la taille ; si elles sont plus grandes cela fera comme pour l'avatar l'image sera centrée mais ne dépassera pas puisque j'ai fais en sorte qu'elle se mette comme un font !

Pour la présentation/FT/succès la couleur a changé du fait que j'y ait introduit un lien, j'ignore comment y remédier,d'autant plus que ça dépendra des paramètres du forum où tu utilises le code :/
S'il te convient malgré tout je te fais passer le code et si tu veux modifier quoique ce soit n'hésite pas !





EDIT : Le code posté bug alors que le prévisualisé non, je ne comprends pas :/
Je suis vraiment désolée, je vais aller demander en partie aide, j'ai dû faire une erreur que je ne saisis pas.

Yop ! ~

Effectivement c'est assez étrange ça... :v
Malheureusement, ce n'est pas moi qui vais pouvoir élucider ce mystère. :/

Mais juste, je suis allé essayer le code que tu as réalisé sur le forum et ça ne fait pas ça ! Enfin, il y a juste la barre pour descendre qui est un peu hors-cadre, ainsi que les rectangles zone de texte et les cercles où les images sont à rajoutées. Fin, quand on défile, genre y a un bout de ces formes qui apparaissent en-dehors du cadre, mais quand on arrive tout en bas, c'est pile poil.

Franchement, c'est vraiment pas un soucis si cela t'embête vraiment parce que bon, voilà ça passe. ^^
Et sinon du coup bah tout est bon pour moi, merci beaucoup du travail effectué ! :p
(Après juste, est-il possible de faire en sorte que la fiche soit centrée ? Parce que bon, j'ai essayé mais en fait, ça le centre bien mais ça déforme tout donc peut-être qu'il y a un endroit précis où il faut le placer euh...?)
Enfin bref, ce serait la seule chose à modifier, après personnellement je ne suis pas pressé donc ça peut attendre que ce léger soucis soit réglé. ^^
En tous les cas, encore bravo pour ce travail fort sympatoche ! :3

Me revoilà avec un nouvel exemplaire !
J'ai recommencé à 0 pour essayer de ne pas refaire la même connerie ; je serais tentée de te dire que ça a fonctionné mais si c'était le cas le crédit serait pile dans le cadre (alors que là il sort même de mon post, je fais des trucs j'ignorais même que c'était possible :o ) mais tant pis, ça passe et ça fait propre !

Voici donc le code :

Code:

<center><div style="width: 400px; height: 800px; text-align: left; background: url(http://image.noelshack.com/fichiers/2014/44/1414598921-texture-nu.jpg) center; border: 3px solid #8CB62A; border-radius: 10px 10px 0 10px;" />

<div style="width: 220px; height: 160px; margin-left: 10px; border: 3px solid #8CB62A; border-radius: 8px; overflow: auto; color: #000000; font-size: 16px; float: left;"/>
Texte
Texte
Texte
Texte
Texte
Texte
</div> <div style="width: 100px; height: 160px; margin-left: 275px; border-radius: 80px 0 80px 0; border: 2px solid #8CB62A; background: url(http://image.noelshack.com/fichiers/2014/44/1414598968-kirito-render-by-galaica-d5atdat.png) center;"/> </div>

<span style=" font-size: 17px; padding-left: 26px; color: #873848; "><a href="http://www.never-utopia.com/" target=_"blank">● Présentation</a></span> <span style=" font-size: 17px; padding-left: 55px; color: #873848; "><a href="http://www.never-utopia.com/" target=_"blank">● FT</a></span> <span style=" font-size: 17px; padding-left: 65px; color: #873848; "><a href="http://www.never-utopia.com/" target=_"blank"> ● Succès </a></span>


<span style="font-size: 24px; margin-left: 30px; color: #000000;"><b> RP </b></span>
<div style="width: 340px; height: 75px; margin-left: 10px; overflow: auto; border: 3px dashed #8CB62A;border-radius: 10px; color: #000000; "/>
Texte
Texte
Texte
Texte
Texte
Texte
</div>

<span style="font-size: 24px; margin-left: 30px; color: #000000;"><b> Quêtes </b></span>
<div style="width: 340px; height: 75px; margin-left: 10px; overflow: auto; border: 3px dashed #8CB62A;border-radius: 10px; color: #000000; "/>Texte
Texte
Texte
</div>

<span style="font-size: 24px; margin-left: 30px; color: #000000;"><b> Relations </b></span>
<div style="width: 400px; height: 215px; overflow: auto; "/>

<span style="font-size: 22px; margin-left: 50px; color: #8CB62A;"><b> Amis </b></span>
<div style="width: 200px; height: 80px; margin-left: 30px; margin-top: 6px; overflow: auto; border: 3px solid #000000; border-radius: 8px; color: #000000; float: left;"/>
Texte
Texte
Texte </div> <div style="width: 80px; height: 80px; border-radius: 100px; margin-left: 280px; margin-top: 6px; border: 2px solid #8CB62A; background: url(http://img11.hostingpics.net/pics/210733Hell.jpg) center;"/></div>

<div style="width: 80px; height: 80px; border-radius: 100px; margin-left: 30px; float: left; margin-top: 6px; border: 2px solid #8CB62A; background: url(http://img11.hostingpics.net/pics/210733Hell.jpg) center;"/></div>
<div style="width: 200px; height: 80px; margin-left: 170px; margin-top: 6px; overflow: auto; border: 3px solid #000000; border-radius: 8px; color: #000000; "/>
Texte
Texte
Texte </div>

<div style="width: 200px; height: 80px; margin-left: 30px; margin-top: 6px; overflow: auto; border: 3px solid #000000; border-radius: 8px; color: #000000; float: left;"/>
Texte
Texte
Texte </div> <div style="width: 80px; height: 80px; border-radius: 100px; margin-left: 280px; margin-top: 6px; border: 2px solid #8CB62A; background: url(http://img11.hostingpics.net/pics/210733Hell.jpg) center;"/></div>



<span style="font-size: 22px; margin-left: 50px; color: #8CB62A;"><b>Ennemis </b></span>
<div style="width: 80px; height: 80px; border-radius: 100px; margin-left: 30px; float: left; margin-top: 6px; border: 2px solid #8CB62A; background: url(http://img11.hostingpics.net/pics/210733Hell.jpg) center;"/></div>
<div style="width: 200px; height: 80px; margin-left: 170px; margin-top: 6px; overflow: auto; border: 3px solid #000000; border-radius: 8px; color: #000000; "/>
Texte
Texte
Texte </div>

<div style="width: 200px; height: 80px; margin-left: 30px; margin-top: 6px; overflow: auto; border: 3px solid #000000; border-radius: 8px; color: #000000; float: left;"/>
Texte
Texte
Texte </div> <div style="width: 80px; height: 80px; border-radius: 100px; margin-left: 280px; margin-top: 6px; border: 2px solid #8CB62A; background: url(http://img11.hostingpics.net/pics/210733Hell.jpg) center;"/></div>

<div style="width: 80px; height: 80px; border-radius: 100px; margin-left: 30px; float: left; margin-top: 6px; border: 2px solid #8CB62A; background: url(http://img11.hostingpics.net/pics/210733Hell.jpg) center;"/></div>
<div style="width: 200px; height: 80px; margin-left: 170px; margin-top: 6px; overflow: auto; border: 3px solid #000000; border-radius: 8px; color: #000000; "/>
Texte
Texte
Texte </div>


<span style="font-size: 22px; margin-left: 50px; color: #8CB62A;"><b> Connaissances </b></span>
<div style="width: 200px; height: 80px; margin-left: 30px; margin-top: 6px; overflow: auto; border: 3px solid #000000; border-radius: 8px; color: #000000; float: left;"/>
Texte
Texte
Texte </div> <div style="width: 80px; height: 80px; border-radius: 100px; margin-left: 280px; margin-top: 6px; border: 2px solid #8CB62A; background: url(http://img11.hostingpics.net/pics/210733Hell.jpg) center;"/></div>

<div style="width: 80px; height: 80px; border-radius: 100px; margin-left: 30px; float: left; margin-top: 6px; border: 2px solid #8CB62A; background: url(http://img11.hostingpics.net/pics/210733Hell.jpg) center;"/></div>
<div style="width: 200px; height: 80px; margin-left: 170px; margin-top: 6px; overflow: auto; border: 3px solid #000000; border-radius: 8px; color: #000000; "/>
Texte
Texte
Texte </div>

<div style="width: 200px; height: 80px; margin-left: 30px; margin-top: 6px; overflow: auto; border: 3px solid #000000; border-radius: 8px; color: #000000; float: left;"/>
Texte
Texte
Texte </div> <div style="width: 80px; height: 80px; border-radius: 100px; margin-left: 280px; margin-top: 6px; border: 2px solid #8CB62A; background: url(http://img11.hostingpics.net/pics/210733Hell.jpg) center;"/></div>
</div>

<span style="font-size: 8px; margin-left: 145px; color: #000000;"> Nephilim | Never-Utopia </span>
</div></center>

Tu as été d'une patience angélique en tout cas, en espérant que cette fois ce soit parfait

Hey ! ~

C'est tout simplement parfait !! :DD
Il n'y a aucun soucis, merci vraiment pour ce pitit travail, tout est bon ! ^^

Eh bien voilà, merci encore de ton aide, je te remercies ! :p
Le compte est bon, on peut archiver. :3