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 : 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



    avatar
    Elyade
    FémininAge : 31Messages : 48

    le Mer 13 Nov 2013 - 16:11

    Merci !
    avatar
    Drakylla
    MasculinAge : 25Messages : 32

    le Mer 11 Déc 2013 - 17:27

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

    le Dim 26 Jan 2014 - 19:46

    Je partage l'avis de Drakylla ;D merci !
    avatar
    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 !



    avatar
    Nearween
    FémininAge : 18Messages : 206

    le Dim 9 Mar 2014 - 19:51

    Merci Very Happy





    Stand by Me
    avatar
    Zorume
    FémininAge : 20Messages : 84

    le Sam 3 Mai 2014 - 15:06

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

    le Jeu 22 Mai 2014 - 21:16

    Merci Very Happy
    Nal Souclade
    MasculinAge : 18Messages : 163

    le Dim 25 Mai 2014 - 21:48

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

    le Mar 27 Mai 2014 - 19:18

    Merci :B
    avatar
    Risa
    FémininAge : 28Messages : 234

    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 ^^
    avatar
    Rubis-Hope
    FémininAge : 24Messages : 46

    le Sam 7 Juin 2014 - 12:28

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

    le Lun 9 Juin 2014 - 20:27

    Avec plaisir *w*



    avatar
    Jacoon
    FémininAge : 20Messages : 147

    le Mer 11 Juin 2014 - 21:21

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

    le Ven 4 Juil 2014 - 19:43

    merci
    avatar
    hippolytta
    FémininAge : 17Messages : 52

    le Sam 5 Juil 2014 - 23:14

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

    le Sam 5 Juil 2014 - 23:20

    merci
    avatar
    Times.
    FémininAge : 20Messages : 14

    le Lun 7 Juil 2014 - 20:13

    merci
    avatar
    Jessabelle
    FémininAge : 23Messages : 101

    le Lun 7 Juil 2014 - 20:29

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

    le Sam 12 Juil 2014 - 19:54

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

    le Lun 14 Juil 2014 - 17:14

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

    le Dim 17 Aoû 2014 - 22:59

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

    le Lun 15 Sep 2014 - 13:03

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

    le Ven 31 Oct 2014 - 2:01

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

    le Sam 22 Nov 2014 - 0:48

    Merci !



    avatar
    Callisto
    FémininAge : 20Messages : 43

    le Dim 14 Déc 2014 - 16:46

    Merci pour ce tutoriel !
    Contenu sponsorisé


      La date/heure actuelle est Mer 26 Avr 2017 - 6:09