Bienvenue
sur
Never-Utopia

Tu es déconnecté.

Never-Utopia

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
    FémininAge : 22Message(s) : 101
    Koalz
    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


    MasculinAge : 31Message(s) : 31698

    Les Guildes
    Guilde des Conteurs:
    2/10  (2/10)
    Guilde des Illusionnistes:
    5/10  (5/10)
    Guilde des Architectes:
    3/10  (3/10)
    Okhmhaka
    le Ven 21 Déc 2012 - 17:34
    J'aime beaucoup, c'est très actuel comme fiche, merci x)


    MasculinAge : 20Message(s) : 1165
    Apollo Justice
    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é!
    FémininAge : 25Message(s) : 297
    lala zhang
    le Sam 26 Jan 2013 - 10:17
    Merci pour a fiche elle est très jolie
    FémininAge : 22Message(s) : 101
    Koalz
    le Sam 2 Fév 2013 - 15:35
    Merci à vous ^w^


    FémininAge : 22Message(s) : 9733

    Les Guildes
    Guilde des Conteurs:
    4/10  (4/10)
    Guilde des Illusionnistes:
    2/10  (2/10)
    Guilde des Architectes:
    10/20  (10/20)
    Halloween
    le Mer 6 Fév 2013 - 13:46
    Merci =)


    Je mets les voiles, que le vent te soit favorable matelot !
    FémininAge : 24Message(s) : 30
    Calliste
    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 ?
    MasculinAge : 24Message(s) : 109
    Ryosaki
    le Mar 12 Fév 2013 - 22:10
    Merci beaucoup


    FémininAge : 22Message(s) : 107
    Pwaar
    le Lun 4 Mar 2013 - 15:19
    Douce et agréable, parfait !
    Merci du partage ♥
    FémininAge : 22Message(s) : 101
    Koalz
    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.


    MasculinAge : 18Message(s) : 45
    Luke McAlister
    le Lun 11 Mar 2013 - 21:53
    Merci pour le partage, c'est sympa ! Ta fiche très bien ! Very Happy
    FémininAge : 19Message(s) : 19
    Brunetimelinolivela
    le Dim 17 Mar 2013 - 16:23
    Je suis en admiration, merci pour ton partage :)


    FémininAge : 22Message(s) : 101
    Koalz
    le Ven 22 Mar 2013 - 7:25
    Si ça sert ça me fait plaisir ;D


    FémininAge : 19Message(s) : 158
    Sinavlia
    le Mar 9 Avr 2013 - 1:21
    C'est trop beau ! Et très fonctionnel aussi ! J'adore ♥


    MasculinAge : 18Message(s) : 516
    Pikafan
    le Ven 12 Avr 2013 - 17:58
    Hop! Je prends, merci! ^^


    FémininAge : 24Message(s) : 63
    Rapsodie♥
    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. -
    FémininAge : 101Message(s) : 30
    Feng.Yi
    le Dim 26 Mai 2013 - 16:25
    Merci!
    FémininAge : 22Message(s) : 101
    Koalz
    le Mar 4 Juin 2013 - 21:27
    Je vous en pris Wink


    FémininAge : 29Message(s) : 212

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    louha
    le Mer 17 Juil 2013 - 23:15
    Très joli !
    FémininAge : 23Message(s) : 190
    Kriisten25
    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.
    FémininAge : 26Message(s) : 53
    So-chan
    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 !
    FémininAge : 28Message(s) : 77
    Hopyes
    le Lun 26 Aoû 2013 - 21:44
    très jolie fiche ^^
    FémininAge : 20Message(s) : 192
    Sokaro
    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.)
    FémininAge : 21Message(s) : 5
    Artes Veneficus
    le Ven 6 Sep 2013 - 17:29
    Elle est super cette fiche j'adore :3
    FémininAge : 32Message(s) : 23
    kitoune
    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é
    Aujourd'hui à 5:34

      La date/heure actuelle est Sam 3 Déc 2016 - 5:34