AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.


    Magic card (1er modèle)

    Partagez
    avatar
    Koalz
    FémininAge : 23Messages : 102

    le Ven 14 Déc 2012 - 12:48



    Code:
    <style>.general {width: 500px; text-align: justify; background-color: #EFEFEF; line-height: 10px; border-bottom: 1px solid #CBCBCB; font-size: 10px; margin-left: 20px; margin-right: 20px; margin: auto;} .intro {font-size: 30px; color: #262626; margin-bottom: -10px; border-bottom: 2px solid #262626; padding-bottom: 3px;} .nom {width: 100%; background-color: rgb(20, 34, 40); text-shadow : 0px 0px 5px white; text-align: center; font-weight: bold; font-family: garamond; letter-spacing: -4px;} .bloc_avatar {width: 220px; background-color: #E8E8E8; font-size: 9px; text-shadow: 1px 1px 1px rgb(191, 191, 192); text-align: center; padding: 5px;} .cadre_identité {text-transform: uppercase; width: 240px; height: 220px; overflow: auto; padding: 5px; font-size: 9px; text-shadow: 1px 1px 1px rgb(191, 191, 192);} .titre_identité {font-size: 16px; color: #262626; border-bottom: 2px solid #262626; padding-bottom: 5px; font-family: Courier New; font-weight: bold;} .bloc_avis {margin-top: -8px; width: 230px; height: 65px; overflow: auto; text-align: justify; padding: 8px; background-color: #E8E8E8; border: 2px solid rgb(208, 207, 209); color: rgb(113, 118, 128); text-shadow: 1px 1px 1px rgb(191, 191, 192);} .titre {font-size: 15px; color: #383838; text-align: center;} .bloc_texte {margin: auto; margin-top: -8px; width: 440px; height: 150px; overflow: auto; text-align: justify; padding: 8px; background-color: #E8E8E8; border: 2px solid rgb(208, 207, 209); color: rgb(113, 118, 128); text-shadow: 1px 1px 1px rgb(191, 191, 192);} .bloc_HRP {margin: auto; width: 440px; padding: 5px; text-align: justify; color: #383838; text-shadow: 1px 1px 1px rgb(191, 191, 192);} .titre_HRP {border-bottom: 2px solid #262626; padding-bottom: 3px; text-align: right; font-size: 16px;} .credits {display: block; text-align: center; color: Silver; font-size: 8px; font-family: arial narrow; letter-spacing: 2px;}</style>

    <div class="general"><img src="http://i23.servimg.com/u/f23/13/93/56/91/sans_t22.jpg" width="500px"><div class="intro"> <div class="nom">Nom & Prénom(s)</div></div>


    <table><tr><td><div class="bloc_avatar"><img src="http://i32.tinypic.com/fnck6f.png" />
    <b>❯ FEAT :</b> texte.</div></td>

    <td><div class="cadre_identité"><div class="titre_identité">Carte d'Identitée</div>
    <b>Nom</b> est un blaireau <b>Sexe</b> qui nous éclaire de son intelligence depuis <b>Age</b> ans. Cette personne croit qu'elle gagnera le prix de beauté parce qu'elle fait parti des <b>Maison</b> en <b>Année</b>. C'est plutôt quelqu'un de <b>Caractère</b>, <b>Caractère Négatif</b> mais vraiment <b>Caractère Positif</b>.

    <b>❯ ASCENDANCE :</b> <i> (sang-pur/sang-mêlé/née-moldu).</i>
    <b>❯ DATE DE NAISSANCE :</b> <i>texte ici.</i>
    <b>❯ NATIONALITÉ :</b> <i>texte ici.</i>
    <b>❯ CLASSE SOCIAL :</b> <i>(Riche/Modeste/Pauvre). </i>
    <b>❯ ORIENTATION SEXUELLE :</b> <i>texte ici.</i>
    <b>❯ CAMP :</b> <i> (Gryffondor/Serpentard/ ... ).</i>
    <b>❯ COMPAGNON :</b> <i> (chat, hiboux, rat ou crapaud).</i>
    <b>❯ BAGUETTE :</b> <i>texte ici.</i>
    <b>❯ PATRONUS :</b> <i>texte ici.</i>
    <b>❯ EPOUVANTRARD :</b> <i>texte ici.</i></div>
    <div class="titre">SON AVIS SUR CE QU'IL SE PASSE</div>
    <div class="bloc_avis">(Quelques lignes sur le point de vue de votre personnage a propos de la "guerre" qui ce déroule a Poudlard et pour qu'elle coter son cœur balance.)</div></td></tr></table>


    <div class="titre">ONCE UPON A TIME ... MY STORY</div>
    <div class="bloc_texte">(Écrit ici l'histoire de ton personnage. Son enfance, où il a vécu, ce qui lui est arrivé, sa famille, ses amis comment il est arrivé à Poudlard, comment il est allé dans sa maison. N'oublie pas de dire pour quoi il se bat, qu'est ce qui fait qu'il est pour ou contre le conflit entre Gryffondor et Serpentard. Ne fait ni trop court, ni trop long, dis nous simplement tout ce qu'il faut savoir.)
    30-40 lignes Word minimum</div>


    <div class="titre">PHYSIQUE & PSYCHOLOGIE</div>
    <div class="bloc_texte">(Note ici le caractère et le physique de ton personnage. Avec deux paragraphes de 15-20 lignes minimum. Parle nous de ses cheveux, sa peau, ses yeux, ses jambes, son style ou ce genres de choses, puis attaque toi à ce qu'il est à l'intérieur. Un psychopathe, une pyromane, fais nous part de ses mauvais, comme de ses bons cotés... Allez mets-le tout nu qu'on s'amuse un peut !)</div>

    <div class="bloc_HRP"><div class="titre_HRP">Yeah Geek Power !!!</div>
    <img src="http://img4.hostingpics.net/pics/653190aav5r.png" style="float: left; padding-right: 10px;" />
    <b>Pseudo :</b> <i>texte ici.</i>
    <b>Tu as quel âge ?</b> <i>texte ici.</i>
    <b>Tu nous a trouvé où ?</b> <i>texte ici.</i>
    <b>Et t'en penses quoi ?</b> <i>texte ici.</i>
    <b>T'as un autre compte ? Lequel ?</b> <i>texte ici.</i>
    <b>T'as pas un truc à nous dire hein ?</b> <span style="color: red; font-style: italic;">code du règlement</span>
    <b>Mais encore ? *o*</b> <i>texte ici.</i></div>

    <a class="credits" href="http://www.never-utopia.com">© Never-Utopia par Koalz</a>

    </div>

    MAJ 14/12 : correction par HALLOWEEN
    avatar
    Okhmhaka
    FémininAge : 32Messages : 31851

    le Ven 21 Déc 2012 - 17:34

    J'aime beaucoup, c'est très actuel comme fiche, merci x)



    avatar
    Apollo Justice
    MasculinAge : 21Messages : 1166

    le Jeu 27 Déc 2012 - 18:49

    Merci. Ce code me s'ra sûrement utile.




    À bout de bras, à bout de larmes, j'ai construit mon Paradis
    J'ai fait comme Magritte, j'ai mis un verre sur l'parapluie
    Dans ma tête, j'ai tout rangé, j'ai soigné ma maladie
    Et je prends gout à être carré, un peu comme un cube Maggi
    Et je me sens comme Tyson, sur son toit, devant son pigeonnier
    Je l'ai déjà prouvé, j'ferais tout pour protéger
    Mon petit coin de Paradis, mon sas de décompression
    God damn, je suis happy, personne pourra m'le voler
    Je suis high, je suis high, sans avion, j'ai décollé
    Entouré des miens, je suis comme auréolé!
    avatar
    lala zhang
    FémininAge : 26Messages : 343

    le Sam 26 Jan 2013 - 10:17

    Merci pour a fiche elle est très jolie
    avatar
    Koalz
    FémininAge : 23Messages : 102

    le Sam 2 Fév 2013 - 15:35

    Merci à vous ^w^
    avatar
    Halloween
    FémininAge : 23Messages : 9741

    le Mer 6 Fév 2013 - 13:46

    Merci =)



    Je déménage sur NMD o/
    Mon codebook
    avatar
    Calliste
    FémininAge : 25Messages : 30

    le Sam 9 Fév 2013 - 10:55

    bonjour, ce modèle de présentation me tenterais bien, mais est-ce que je peux modifier certaines choses ? pour que cela puisse correspondre avec mon forum ?
    avatar
    Ryosaki
    MasculinAge : 25Messages : 109

    le Mar 12 Fév 2013 - 22:10

    Merci beaucoup



    avatar
    Pwaar
    FémininAge : 23Messages : 107

    le Lun 4 Mar 2013 - 15:19

    Douce et agréable, parfait !
    Merci du partage ♥
    avatar
    Koalz
    FémininAge : 23Messages : 102

    le Sam 9 Mar 2013 - 14:55

    Je vous en prie Wink

    @Calliste a écrit:bonjour, ce modèle de présentation me tenterais bien, mais est-ce que je peux modifier certaines choses ? pour que cela puisse correspondre avec mon forum ?
    Pour te répondre Calliste, tu peut bien sur modifier les écrit et la couleur, mais pas la structure ^w^ Merci.
    avatar
    Luke McAlister
    MasculinAge : 19Messages : 45

    le Lun 11 Mar 2013 - 21:53

    Merci pour le partage, c'est sympa ! Ta fiche très bien ! Very Happy
    avatar
    Brunetimelinolivela
    FémininAge : 20Messages : 19

    le Dim 17 Mar 2013 - 16:23

    Je suis en admiration, merci pour ton partage :)



    avatar
    Koalz
    FémininAge : 23Messages : 102

    le Ven 22 Mar 2013 - 7:25

    Si ça sert ça me fait plaisir ;D
    avatar
    Sinavlia
    FémininAge : 20Messages : 158

    le Mar 9 Avr 2013 - 1:21

    C'est trop beau ! Et très fonctionnel aussi ! J'adore ♥



    avatar
    Pikafan
    MasculinAge : 19Messages : 516

    le Ven 12 Avr 2013 - 17:58

    Hop! Je prends, merci! ^^



    avatar
    Rapsodie♥
    FémininAge : 25Messages : 63

    le Sam 20 Avr 2013 - 17:06

    merci, ça va beaucoup de me servir ! :captain:



    - Ecrire, c'est ranger le bordel qu'on a dans sa tête. -
    avatar
    Feng.Yi
    FémininAge : 102Messages : 30

    le Dim 26 Mai 2013 - 16:25

    Merci!
    avatar
    Koalz
    FémininAge : 23Messages : 102

    le Mar 4 Juin 2013 - 21:27

    Je vous en pris Wink
    avatar
    louha
    FémininAge : 30Messages : 213

    le Mer 17 Juil 2013 - 23:15

    Très joli !
    avatar
    Kriisten25
    FémininAge : 24Messages : 190

    le Dim 4 Aoû 2013 - 13:44

    Merci ♥



    ∞ LONDON & TEAM ROBSTEN ♥.
    • 0n prend de mauvaises habitudes en parlant quotidiennement au gens, on s'attache vite sans s'apercevoir que l'on va tomber de haut & souffrir. Quand la personne vous laisse tomber, on se rend compte à quel point elle est importante & on regrette de s'être attaché. Au final; ce ne sont que regrets & souffrance que l'on récolte. 0n a beau dire ce que l'on veut, l'attachement est une absurdité, une incitation à la douleur. hellsangels.
    avatar
    So-chan
    FémininAge : 27Messages : 61

    le Sam 24 Aoû 2013 - 0:25

    Très jolie la fiche, j'ai tenté de l'adopter mais je ne sais pourquoi le code a connu un "bug". Après le bloc "Once upon a time", la continuité ne se fait plus. Exemple en image. J'ai vérifié plusieurs fois, mais je vois pas comment le code a connu ce bug. Je vous passe aussi le code de la fiche, peut-être n'ai-je pas les yeux en face des trous. ='D

    Code:
    <blockquote><center><center><div style="text-align: center;"><img src="http://img11.hostingpics.net/pics/366489banpres.jpg" width="500px"></div><div style="width:500px;text-align: justify;background:#EFEFEF;line-height:10px; border-color:#CBCBCB;border-style:solid;border-bottom-width:1px;border-left-width:0px;border-right-width:0px;border-top-width:0px;font-size: 10px;margin-left: 20px;margin-right: 20px;"><div style="font-size: 30px; color: #262626; margin-bottom: -10px; border-bottom: 2px solid #262626; padding-bottom: 3px; "><div style="width: 100%; background-color: rgb(20, 34, 40); text-shadow : 0px 0px 5px white;  font-size: 32px; letter-spacing: 0px;"><div align="justify"><font style="font-size: 32pt; font-family: garamond; letter-spacing: -4px;">
    [center][b]Nom & Prénom(s)[/b][/center]
    </div></div></font></div>
    <table><tr><td><div style="width: 200px;height:295px; background: #E8E8E8; padding: 0px;"><div style="line-height:9px; overflow:auto;width:225px;height:350px;"><font style="font-size: 9px; line-height: normal; text-shadow: 1px 1px 1px rgb(191, 191, 192);">[img]http://img11.hostingpics.net/pics/180642invite.png[/img]
    [center][b]❯ FEAT :[/b] Personnage sur l'avatar[/center]
    </font></div></td>

    <td><div class="small"><font style="text-transform: uppercase;"><div style="height: 270px; width: 265px; overflow: auto; padding: 5px;"><div style="font-size: 16px; color: #262626; border-bottom: 2px solid #262626; padding-bottom: 5px;">[font=Courier New][b] Fiche d'identité[/b][/font]</div><font style="font-size: 9px; line-height: normal; text-shadow: 1px 1px 1px rgb(191, 191, 192);">[color=#383838]
    [b]❯ Surnom :[/b] Si votre personnage est un Héros, ajoutez son nom de Héros. De même s'il est un Criminel, il peut agir sous un nom de code.
    [b]❯ Âge :[/b] Prenez en compte qu'on se situe en 1977, date d'arrivée de Barnaby dans la chronologie de l'anime.
    [b]❯ Profession :[/b] Tous les métiers sont possibles tant qu'ils sont cohérents avec l'univers.
    [b]❯ Pouvoir :[/b] Ne concerne que les NEXT et Héros. Pas de pouvoir cheaté, pensez à lui imposer une limite ou un contre-coup.
    [b]❯ Groupe :[/b] Héros, Civils, Criminels ou NEXT.
    </div>[/color]</font></font></div><div class="navig2" style="font-size: 15px;">[color=#383838]SON AVIS SUR CE QUI CE PASSE[/color]</div><div style="margin-top: -8px; height: 65px; text-align: justify; padding: 8px; background-color: #E8E8E8; border: 2px solid rgb(208, 207, 209); width: 250px; overflow: auto; color: rgb(113, 118, 128);"><font style="font-size: 10px; line-height: normal; text-shadow: 1px 1px 1px rgb(191, 191, 192);">
    (Quelques lignes sur le point de vue de votre personnage a propos de la "guerre" qui ce déroule a Poudlard et pour qu'elle coter son cœur balance.)
    </font></div></div></td></tr></table><center>

    <div class="navig2" style="font-size: 15px;">[color=#383838]ONCE UPON A TIME... MY STORY[/color]</div><div style="margin-top: -8px; height: 150px; text-align: justify; padding: 8px; background-color: #E8E8E8; border: 2px solid rgb(208, 207, 209); width: 440px; overflow: auto; color: rgb(113, 118, 128);"><font style="font-size: 10px; line-height: normal; text-shadow: 1px 1px 1px rgb(191, 191, 192);">
    (Ecrit ici l'histoire de ton personnage. Son enfance, où il a vécu, ce qui lui est arrivé, sa famille, ses amis comment il est arrivé à Poudlard, comment il est allé dans sa maison. N'oublie pas de dire pour quoi il se bat, qu'est ce qui fait qu'il est pour ou contre le conflit entre Gryffondor et Serpentard. Ne fait ni trop court, ni trop long, dis nous simplement tout ce qu'il faut savoir.)
    30-40 lignes Word minimum
    </font></div></div>

    [table][tr][td][/td]
    [/tr]
    [tr][td]

    [center]<div class="navig2" style="font-size: 15px;">[color=#383838]PHYSIQUE & PSYCHOLOGIE[/color]</div>[/center]
    <div style="margin-top: -8px; height: 150px; text-align: justify; padding: 8px; background-color: #E8E8E8; border: 2px solid rgb(208, 207, 209); width: 440px; overflow: auto; color: rgb(113, 118, 128);"><font style="font-size: 10px; line-height: normal; text-shadow: 1px 1px 1px rgb(191, 191, 192);">
    (Note ici le caractère et le physique de ton personnage. Avec deux paragraphes de 15-20 lignes minimum. Parle nous de ses cheveux, sa peau, ses yeux, ses jambes, son style ou ce genres de choses, puis attaque toi à ce qu'il est à l'intérieur. Un psychopathe, une pyromane, fais nous part de ses mauvais, comme de ses bons cotés... Allez mets-le tout nu qu'on s'amuse un peut !)
    </font></div></div>[/td]
    [/tr]
    [/table]
    </center>

    <center><div style="width: 440px; padding: 5px; text-align: justify;"><div style="font-size: 16px; color: #262626; border-bottom: 2px solid #262626; padding-bottom: 3px;">
    [right]Yeah Geek Power !!![/right]
    </div></div><blockquote>
    [table][tr][td][img]http://img4.hostingpics.net/pics/653190aav5r.png[/img][/td]
    [td][color=#383838]<font style="font-size: 10px; line-height: normal; text-shadow: 1px 1px 1px rgb(191, 191, 192);">[b]Pseudo :[/b] [i]texte ici.[/i]
    [b]Tu as quel âge ?[/b] [i]texte ici.[/i]
    [b]Tu nous a trouvé où ?[/b] [i]texte ici.[/i]
    [b]Et t'en penses quoi ?[/b] [i]texte ici.[/i]
    [b]T'as un autre compte ? Lequel ?[/b] [i]texte ici.[/i]
    [b]T'as pas un truc à nous dire hein ?[/b] [i][color=red]code du règlement[/color][/i] [b]Yeah c'est fresh ça 8D[/b]
    [b]Mais encore ? *o*[/b] [i]texte ici.[/i][/color]</font>[/td]
    [/tr]
    [/table]
    <a style="display: block; text-align: center; color: Silver; font-size: 8px; font-family: arial narrow; letter-spacing: 2px;" href="http://www.never-utopia.com">© Never-Utopia © code réalisée par Koalz</a></div></center></blockquote></div>
    </div></font></center></blockquote>
    Merci !
    avatar
    Hopyes
    FémininAge : 29Messages : 78

    le Lun 26 Aoû 2013 - 21:44

    très jolie fiche ^^
    avatar
    Sokaro
    FémininAge : 21Messages : 195

    le Sam 31 Aoû 2013 - 22:09

    J'adore ta fiche! Mais je ne comprends pas pourquoi chez moi le physique & mental est décalé °°

    EDIT: visiblement je ne suis pas la seule à connaitre ce problème, mais je poste quant même ne voyant pas de réponse ^^




    (Signature provisoire.)
    avatar
    Artes Veneficus
    FémininAge : 22Messages : 5

    le Ven 6 Sep 2013 - 17:29

    Elle est super cette fiche j'adore :3
    avatar
    kitoune
    FémininAge : 33Messages : 23

    le Ven 6 Sep 2013 - 18:59

    Très belle, très proche de ce que j'ai fait sur mon fo. j'aime beaucoup les cadrages



    Contenu sponsorisé


      La date/heure actuelle est Lun 20 Nov 2017 - 16:20