[Codage] Une fiche de présentation ^^

Bonjour/bonsoir Invité ! J'espère que tu pourrais, oui toi ^^, m'aider à faire une fiche de présentation pour mon forum. Je commence le codage, mais je n'ai pas encore les bases, et les capacités pour réaliser çà. Je voudrais que le fond de la fiche soit çà: http://d22.e-loader.net/lnobXEBmKK.png .

J'aimerais que la fiche contienne plusieurs cadres. Un premier tout en haut avec écrit dedans: Fiche de Présentation de Pseudo. Ensuite un autre plus grand en dessous avec un espace ou je pourrais écrire les champs à remplir ^^. Un autre cadre plus grand là. Et un dernier plus petit pour mettre le crédit de la fiche ^___^ Tous els cadres doivent avoir un contour en pointillé noire, et doivent être un peu transparent (opacité 60% environ ~) Voilà ^^ Après si vous voulez rajouter des choses pour embellir moi j'veux bien hein Smile

Je veux juste le codage de base, je mettrais mon formulaire, mes champs, plus tard ^^

Je veux bien te tenter ça !

Oh merci :]

Voilà voilà ! Par contre comme j'ai baissé l'opacité des cadre ben le noir des contours n'est plus vraiment noir... ^^"

Fiche de perso de
PSEUDO
Grand Cadre à remplir comme bon te semble
Grand Cadre à remplir comme bon te semble
Crédit Crédit Crédit Crédit Crédit

Code:: <center><div style="display: block; border: 3px solid black; background-image: url(http://d22.e-loader.net/lnobXEBmKK.png); background-position: center; width: 450px; -moz-border-radius: 10px 0px 10px 0px; -webkit-border-radius: 10px 0px 10px 0px; border-radius: 10px 0px 10px 0px;">
<span style="display: block; border: 2px dotted; opacity: 0.7; padding: 10px; background-color: #e9d8cf; margin: 10px; line-height: 0.6; -moz-border-radius: 10px 0px 10px 0px; -webkit-border-radius: 10px 0px 10px 0px; border-radius: 10px 0px 10px 0px;"><span style="font-family: Tahoma, Geneva, sans-serif; font-size: 16px; font-style: italic; text-align: center;">Fiche de perso de</span><br><span style="font-family: impact, sans-serif;font-size: 28px; text-align: center; letter-spacing: 3pt;">PSEUDO</span></span>
<span style="display: block; border: 2px dotted; opacity: 0.7; padding: 10px; background-color: #e9d8cf; margin: 10px; -moz-border-radius: 10px 0px 10px 0px; -webkit-border-radius: 10px 0px 10px 0px; border-radius: 10px 0px 10px 0px;">Grand Cadre à remplir comme bon te semble</span>
<span style="display: block; border: 2px dotted; opacity: 0.7; padding: 10px; background-color: #e9d8cf; margin: 10px; -moz-border-radius: 10px 0px 10px 0px; -webkit-border-radius: 10px 0px 10px 0px; border-radius: 10px 0px 10px 0px;">Grand Cadre à remplir comme bon te semble</span>
<span style="display: block; border: 2px dotted; opacity: 0.7; background-color: #e9d8cf; margin: 10px 10px 5px 10px; -moz-border-radius: 10px 0px 10px 0px; -webkit-border-radius: 10px 0px 10px 0px; border-radius: 10px 0px 10px 0px;">Crédit Crédit Crédit Crédit Crédit</span>
</div></center>

Je ne sais pas si c'est parce que je suis sous IE, mais els cadres ne sont pas transparents, et y'a pas de rollbox =/

Mh c'est fort possible en effet, moi je suis sous chrome personnellement. D'ailleurs pour le codage et tout je te conseille d'abandonner IE, il n'est pas tout a fait à jour et pas mal de truc ne se voient pas sur ce navigateur ;)

Ok :3
Merci d'avoir pris en compte ma commande ;D

De rien ! Ce qui s'en sortent mieux que moi vous pouvez prendre mon code pour l'améliorer et modifier tout ça si vous voulez ;)

J'attends encore 2/3 jours et si personne ne propose autres choses, je déplacerais le topic! Ca fait donc 5 points pour la team Octantis ^^

Bonjour

J'ai testé un truc mais je promet rien. Si il te plait, je peux modifier polices, couleur et tout si tu le souhaites ;)

Spoiler:

Il est super! Juste l'intérieur des cadres, si tu pouvais le mettre en + blanc/rose pâle *♥*

Comme ça ?

Fiche de Présentation de
Pseudo

1e Grand Cadre. Tu y mets ce que tu veux mais comme il a une taille pré-définie, quand il y aura trop de texte, il y aura une barre de défilement.

2e Cadre où tu mets ce que tu veux

Crédits

Code:: <div><table align=center><tr><td><div style="border: 3px double #000000; width:550px;background:url('http://img15.hostingpics.net/pics/46976936HH.png')"><div style="text-align:center;font-size:12px; font-family:'Times New Roman', Times, serif;color:black;margin:auto"> <br /><div style="margin:auto; color: #33033b;width: 460px;text-align: center; font-size: 11px; "><span style="font-size: 12px; color:#39123b; letter-spacing: -1.5px;"><span style="font family : Respective">
<blockquote>
<font face= Respective size=7>[font=Tagettes]F[/font]iche de Présentation de</font>
<font face=georgia size=6>Pseudo</font>
</blokquote>
</span></span></div>
<table align=center><tr><td><div style="border:1px dotted #000000;width: 150px; height: 200px; padding: 5px;background:url('http://img15.hostingpics.net/pics/94857475im.png')">
</div></td> <td align=left><div style="border:1px dotted #000000;width: 320px; height: 200px; overflow:auto; padding: 5px; background-color:#f2dfe9; filter:alpha(opacity=70); ">
1e Grand Cadre. Tu y mets ce que tu veux mais comme il a une taille pré-définie, quand il y aura trop de texte, il y aura une barre de défilement.
</div></td></tr></table>
<table align=center><tr> <td> <div style="width:482px;background-color: #f2dfe9;text-align:justify;border:1px dotted #000000;padding:8px;filter:alpha(opacity=70); ">2e Cadre où tu mets ce que tu veux</div> </td> </tr></table>
<table align=center><tr> <td> <div style="width:200px;height:15px;background-color: #f2dfe9;text-align:center;border:1px dotted #000000;padding:3px;filter:alpha(opacity=70); ">Crédits</div> </td> </tr></table></div></td></tr></table></div></div>

Si tu le prends, n'hésites pas à me demander de l'aide si tu ne comprend pas un truc Smile

Très joli! Mais j'ai déjà choisi celui de Lilas, par contre le tien je pourrais le transformer en fiche pub! Merci beaucoup ;D
Bon je locke :3
Ca fait donc 10pts pour les Octantis!

» une galerie en codage ? :o
» Problème de codage
» Fiche de GCL
» Question : Fiche
» Help fiche de personnage qui bug !