Une petite fiche mi-ronde personnalisable à souhait

En espérant que cela vous soit utile. Voilà une petite fiche de lien, pas compliqué ^^

Code:

<div style="overflow: fixe; width: 550px; background-color: #54607C; margin: auto; border-width: 10px; border-color: #BAA98D; border-style: solid; -moz-border-radius: 80px 80px 0px 0px; -webkit-border-radius: 80px 80px 0px 0px;">
[center][img]http://i55.servimg.com/u/f55/11/47/14/72/sesthi10.png[/img][/center]<center><table><tr><td><div style="width:200px; padding-top:10px;padding-bottom:15px; padding-left:5px; padding-right:5px;">[img]http://i75.servimg.com/u/f75/11/47/14/72/sestth10.jpg[/img]
</div></td><td><div style="width:300px; padding-top:30px; padding-bottom:30px; padding-left:5px; padding-right:5px; border-radius:20px; "><span style="font-family: Georgia; font-size: 15px; color: #BAA98D;">Identité</span><div style=" background-color:#BAA98D; padding:5px; color:#54607C ; text-align:justify; height: 130px; overflow:auto">
[center][b]Nom & Prénom:[/b]
[b]Race:[/b]
[b]Âge:[/b]
[b]Métier:[/b]
[b]Classe sociale:[/b]
[b]Pouvoir:[/b] [/center]</div>
<span style="font-family: Georgia; font-size: 15px; color: #BAA98D;">Liens recherchés</span><div style=" background-color:#BAA98D; padding:5px; color:#54607C; height:130px; overflow: auto">
Description des liens recherchés</div></td></tr></table></center>
[center][img]http://i55.servimg.com/u/f55/11/47/14/72/mes_li10.png[/img][/center]
<center><table><tr><td><div style="overflow: auto; height: 200px;">Image du lien</div></td><td><div style="width:400px; padding:10px; border-radius:20px; background-color:#54607C; font-size:10px; letter-spacing:2px; "><div style="font-size:30px; font-style:italic; font-family:georgia; color:#000040; text-align:center">Nom Prénom</div><div style=" background-color:#BAA98D; padding:5px; color:#54607C ; font-size:10px; letter-spacing:1px; text-align:justify; height:150px; overflow:auto">[color=#333366][b]Description du lien[/b][/color]
[u][b]Rencontre 1:[/b][/u] Liens du rp - Description</div></div></td></tr></table></center>
<center><table><tr><td><div style="overflow: auto; height: 200px;">Image du lien</div></td><td><div style="width:400px; padding:10px; border-radius:20px; background-color:#54607C; font-size:10px; letter-spacing:2px; "><div style="font-size:30px; font-style:italic; font-family:georgia; color:#000040; text-align:center">Nom Prénom</div><div style=" background-color:#BAA98D; padding:5px; color:#54607C ; font-size:10px; letter-spacing:1px; text-align:justify; height:150px; overflow:auto">[color=#333366][b]Description du lien[/b][/color]
[u][b]Rencontre 1:[/b][/u] Liens du rp - Description</div></div></td></tr></table></center>
<center><table><tr><td><div style="overflow: auto; height: 200px;">Image du lien</div></td><td><div style="width:400px; padding:10px; border-radius:20px; background-color:#54607C; font-size:10px; letter-spacing:2px; "><div style="font-size:30px; font-style:italic; font-family:georgia; color:#000040; text-align:center">Nom Prénom</div><div style=" background-color:#BAA98D; padding:5px; color:#54607C ; font-size:10px; letter-spacing:1px; text-align:justify; height:150px; overflow:auto">[color=#333366][b]Description du lien[/b][/color]
[u][b]Rencontre 1:[/b][/u] Liens du rp - Description</div></div></td></tr></table></center>
</div>

Merci beaucoup =)

Tout d'abord, merci de ce partage ! :3

Comme je suis en mode chieuse aujourd'hui, j'ai quelques trucs à redire sur ta fiche ! Rien de grave ne t'inquiètes pas !

Je commencerai par dire qu'elle est simple, les couleurs s'accordent bien, il attire l'oeil et l'attention !

Je viens de voir à l'instant que les titres sont en fait des images. Très jolie, ils donnent vraiment l'impression d'être encré dans la fiche. Le problème est le gros titre tout en haut. A vrai dire, s'il n'y a pas de possibilité de le changer, je me demande à quoi il sert en fait. Ce que je trouve dommage ! Certes, les typo sont parfois pas tous visibles de tout le monde, mais le problème des images posent celui de l'impossibilité de changer ! Certaines personnes auraient peut-être mis le nom et le prénom de leur personnage en gros titre, avec la jolie typo que tu nous offres ! Mais elle est inchangeable, ce que je trouve pas super :/
Ensuite, tu as deux superbes typographies qui attirent immédiatement l'oeil ! Pourtant, les titres de tes catégories sont banales. Cela crée une cassure dans ta fiche, et le rendu n'est pas aussi bien qu'il aurait put être. Une fiche avec trop de typo, c'est pas bon, mais lorsque l'on a une superbe typo en début, il est après dommage que les autres soient aussi banales ! Je ne te demande pas de recréer la même typo que pour les gros titres, sinon cela aurait fait trop, mais une autre typographie jolie aurait harmoniser le tout !

Ensuite, l'autre "problème" que je vois est les images des liens. Il n'y a pas de délimitation, de ce que je vois, ainsi l'on n'a pas de dimension à imposer aux images que l'on voudrait mettre pour illustrer nos liens, et il y a un risque de déformer ta fiche. Un petit carré délimité par un encadrement blanc ou d'une autre couleur qui irait bien avec le reste, et une image "test" pour nous montrer les bonnes dimensions, et c'est dans la boite ! Après je sais que faire une fiche, ce n'est pas de tout repos. J'ai pas essayé, et j'essayerais pas car les codes et moi, c'est les épinards quand j'étais petite (et maintenant aussi, d'ailleurs !). Je suis totalement nulle en codage et je me permets d'ouvrir mon bec pour critiquer '-' vu comme ça c'est limite injuste, mais je me dis que mon point de vu pourrait être utile, parfois, alors je dis ce que je pense !
Après, comme je n'ai pas testé ton code, peut-être as-tu mis une délimitation "invisible" qui recadre automatiquement les images pour pas qu'elles partent dans tous les sens, je ne sais pas !

Tu n'es pas obligée de prendre tout ça en compte hein
Comme j'y connais presque rien en codage Juste la base => faire un carré texte/image/titre/fond '-'

En tout cas merci encore, et sache que malgré tout ce que j'ai dis, je trouve ta fiche bien mignonne et jolie !

J'adore ! Merci !

C'est très gentil de ta part et surtout très beau ! J'en ferai bon usage, continuez votre bon travail vous êtes super ^^

Merci beaucoup, même si ça up le topic, j'ai utilisé cette fiche pour un forum, en modifiant les couleurs et quelques trucs (retirant des choses), mais très bon boulot, merci encore. :)

C'est magnifique ! Merci beaucoup !

Moi je trouve ça très joli, dommage que l'image n'aille pas avec le fond, mais je suppose que c'est un exemple, alors on s'en fiche un peu ^^

Merci beaucoup c'est super !

Très jolie !
J'aime beaucoup la police que tu as utiliser pour les titres principaux ^^

Super joliiiii, merci beaucoup ! :]

merci!

merci ^^

zouliii merci ^^

Merci ^^

Merci pour le partage !

merci