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
    Koalz
    FémininAge : 22Messages : 101

    le Ven 14 Déc 2012 - 12:48

    Rappel du premier message :



    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



    Elyade
    FémininAge : 31Messages : 48

    le Mer 13 Nov 2013 - 16:11

    Merci !
    Drakylla
    MasculinAge : 25Messages : 26

    le Mer 11 Déc 2013 - 17:27

    Merci beaucoup pour cette belle fiche, je la trouve complète et agréable !
    Exogenesis
    FémininAge : 25Messages : 62

    le Dim 26 Jan 2014 - 19:46

    Je partage l'avis de Drakylla ;D merci !
    Koalz
    FémininAge : 22Messages : 101

    le Mar 25 Fév 2014 - 17:30

    Bonjour, pour répondre aux questions qu'il y a eu vis à vis du physique et psycho décaler, je n'ai malheureusement pas de solution. Je pense que le code ce décale en fonction du navigateur que l'on a. Malgré ma fiche je ne suis pas super calé en codage donc j'ai eu beau faire je n'ai pas pu arranger ça.

    Je suis navré, j'espère que ça ne fait pas perdre du caché a la fiche.

    Cela dit si quelqu'un trouve une explication/solution je le remercie grandement d'avance !



    Nearween
    FémininAge : 18Messages : 196

    le Dim 9 Mar 2014 - 19:51

    Merci Very Happy



    Jack Frost



           

    I not a dream, I reality


    Zorume
    FémininAge : 20Messages : 84

    le Sam 3 Mai 2014 - 15:06

    Je kiff =D
    Je l'utiliserais peut-être ^.^)
    Moona Neko
    FémininAge : 21Messages : 52

    le Jeu 22 Mai 2014 - 21:16

    Merci Very Happy
    Nal Souclade
    MasculinAge : 17Messages : 162

    le Dim 25 Mai 2014 - 21:48

    Super ! Merci beaucoup !
    Glow
    FémininAge : 17Messages : 93

    le Mar 27 Mai 2014 - 19:18

    Merci :B
    Risa
    FémininAge : 28Messages : 230

    le Ven 30 Mai 2014 - 18:57

    Oh, une fiche qui met ensembles psychologie et physique du personnage, ça m'a donné une bonne idée pour mon fofo, merci à toi. Et ta fiche est magnifique ^^
    Rubis-Hope
    FémininAge : 23Messages : 46

    le Sam 7 Juin 2014 - 12:28

    J'aime beaucoup
    Merci du partage
    Koalz
    FémininAge : 22Messages : 101

    le Lun 9 Juin 2014 - 20:27

    Avec plaisir *w*



    Jacoon
    FémininAge : 20Messages : 147

    le Mer 11 Juin 2014 - 21:21

    Merci pour le partage, c'est super comme fiche !
    Yasha
    MasculinAge : 25Messages : 56

    le Ven 4 Juil 2014 - 19:43

    merci
    hippolytta
    FémininAge : 17Messages : 52

    le Sam 5 Juil 2014 - 23:14

    c'est très jolie merci
    Marwin
    MasculinAge : 24Messages : 47

    le Sam 5 Juil 2014 - 23:20

    merci
    Times.
    FémininAge : 20Messages : 14

    le Lun 7 Juil 2014 - 20:13

    merci
    Jessabelle
    FémininAge : 22Messages : 95

    le Lun 7 Juil 2014 - 20:29

    Je viens de la voir. Je la trouve trop superbe et épurée <3
    POmmeDeTerre
    FémininAge : 16Messages : 31

    le Sam 12 Juil 2014 - 19:54

    Très belle fiche, agréable à lire, et aérée ** C'est beau! *O*
    Merci!
    Miss Tigri
    FémininAge : 22Messages : 76

    le Lun 14 Juil 2014 - 17:14

    Merci du partage :3
    Boou
    FémininAge : 24Messages : 45

    le Dim 17 Aoû 2014 - 22:59

    Très jolie ! Merci du partage **
    Invité

    le Lun 15 Sep 2014 - 13:03

    Très belle fiche ♥
    okeane
    FémininAge : 26Messages : 93

    le Ven 31 Oct 2014 - 2:01

    Je prends ! Merci beaucoup !
    Yukiji
    FémininAge : 16Messages : 92

    le Sam 22 Nov 2014 - 0:48

    Merci !



    Callisto
    FémininAge : 20Messages : 41

    le Dim 14 Déc 2014 - 16:46

    Merci pour ce tutoriel !
    Contenu sponsorisé

    Aujourd'hui à 7:54


      La date/heure actuelle est Sam 10 Déc 2016 - 7:54