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.


    Fiche de présentation pour RPG

    Partagez
    avatar
    J-SZ
    FémininAge : 27Messages : 210

    le Lun 8 Avr 2013 - 16:03


    Bonjour à tous ! :friends:

    Sachez que je suis du genre daube en codage et que j'ai mis près de 5 heures à réaliser la fiche qui suit pour les besoins de mon forum.

    Après mettre arraché les cheveux, voilà le résultat. Vous êtes libres de l'utiliser et de la modifier. En espérant que ça vous plaira. Attention c'est simple et sans prétention.

    Spoiler:

    Prénom/Diminutif + Nom
    ft. Prénom Nom de votre avatar


    Race : humains, créatures fantastiques
    Nom : écrire ici
    Prénoms : 3 maximum
    Âge : écrire ici
    Naissance : JJ.MM.AAAA
    Lieu : de naissance
    Décès/Transformation : JJ.MM.AAAA
    Lieu : de décès
    Nationalité(s) : 3 maximum
    Origine(s) : 3 maximum
    Taille : en cm
    Corpulence : svelte, surpoids, musclée, etc

    Qualités & Défauts

    écrire ici

    Nuange d'infos en vrac

    écrire ici


    Biographie

    écrire ici


    Vous : joueur/joueuse

    Pseudo : écrire ici
    Âge : obligatoire
    Pays/Région/Ville : écrire ici
    Mots de la fin : écrire ici


    © Twiggy pour Never-Utopia

    Code:
    <div style="width: 500px; margin: auto; background-color: #0B111D; border-top: 1px solid #0C4B74; border-bottom: 1px solid #0C4B74; border-left: 1px solid #0C4B74; border-right: 1px solid #0C4B74; min-height: 1500px;"><span style="display: block; margin: 10px; width: 480px; height: 300px; border-top: 1px solid #0C4B74; border-bottom: 1px solid #0C4B74; border-left: 1px solid #0C4B74; border-right: 1px solid #0C4B74; background: url(http://img15.hostingpics.net/pics/895980imageprsentation.jpg)"></span>
    <span style="display: block; text-align: center; font-family: Patrick Hand SC; font-size: 27px; letter-spacing: 5px;">Prénom/Diminutif + Nom</span>
    <span style="display: block; text-align: center; font-size: 15px; font-family: Patrick Hand SC; color: white; letter-spacing: 3px;">ft. Prénom Nom de votre avatar</span><br />
    <span style="display: block; width: 400px; margin: auto; border-bottom: 5px dotted #0C4B74;"></span>
    [table][tr][td]<span style="display: block; float: left; margin: 10px; width: 200px; height: 320px; border-top: 1px solid #0C4B74; border-bottom: 1px solid #0C4B74; border-left: 1px solid #0C4B74; border-right: 1px solid #0C4B74; background: url(http://img15.hostingpics.net/pics/117260avatar.jpg)"></span>[/td][td]<span style="display: block; float: right; margin-right: 10px; margin-top; 10px; width: 260px; min-height: 320px;">[color=white][font=Patrick Hand SC][size=17]Race :[/size][/font][/color] humains, créatures fantastiques
    [color=white][font=Patrick Hand SC][size=17]Nom :[/size][/font][/color] écrire ici
    [color=white][font=Patrick Hand SC][size=17]Prénoms :[/size][/font][/color] 3 maximum
    [color=white][font=Patrick Hand SC][size=17]Âge :[/size][/font][/color] écrire ici
    [color=white][font=Patrick Hand SC][size=17]Naissance :[/size][/font][/color] JJ.MM.AAAA
    [color=white][font=Patrick Hand SC][size=17]Lieu :[/size][/font][/color] de naissance
    [color=white][font=Patrick Hand SC][size=17]Décès/Transformation :[/size][/font][/color] JJ.MM.AAAA
    [color=white][font=Patrick Hand SC][size=17]Lieu :[/size][/font][/color] de décès
    [color=white][font=Patrick Hand SC][size=17]Nationalité(s) :[/size][/font][/color] 3 maximum
    [color=white][font=Patrick Hand SC][size=17]Origine(s) :[/size][/font][/color] 3 maximum
    [color=white][font=Patrick Hand SC][size=17]Taille :[/size][/font][/color] en cm
    [color=white][font=Patrick Hand SC][size=17]Corpulence :[/size][/font][/color] svelte, surpoids, musclée, etc</span>[/td][/tr][/table]
    <span style="display: block; width: 400px; margin: auto; border-bottom: 5px dotted #0C4B74;"></span>
    <span style="display: block; margin: 10px; width: 480px; min-height: 100px;"><span style="letter-spacing: 5px;">[color=white][size=17][font=Patrick Hand SC][center]Qualités & Défauts[/center][/font][/size][/color]</span>
    [justify]écrire ici[/justify]</span>
    <span style="display: block; margin: 10px; width: 480px; min-height: 100px;"><span style="letter-spacing: 5px;">[color=white][size=17][font=Patrick Hand SC][center]Nuange d'infos en vrac[/center][/font][/size][/color]</span>
    [justify]écrire ici[/justify]</span>
    <span style="display: block; width: 400px; margin: auto; border-bottom: 5px dotted #0C4B74;"></span>
    [center]<img src="http://img15.hostingpics.net/pics/578762icne.jpg" /> <img src="http://img15.hostingpics.net/pics/578762icne.jpg" /> <img src="http://img15.hostingpics.net/pics/578762icne.jpg" />[/center]<span style="display: block; margin: 10px; width: 480px; min-height: 100px;"><span style="letter-spacing: 5px;">[color=white][size=17][font=Patrick Hand SC][center]Biographie[/center][/font][/size][/color]</span>
    [justify]écrire ici[/justify]</span>
    <span style="display: block; width: 400px; margin: auto; border-bottom: 5px dotted #0C4B74;"></span>
    <span style="display: block; margin: 10px; width: 480px; min-height: 100px;"><span style="letter-spacing: 5px;">[color=white][size=17][font=Patrick Hand SC][center]Vous : joueur/joueuse[/center][/font][/size][/color]</span>
    [color=white][font=Patrick Hand SC][size=17]Pseudo :[/size][/font][/color] écrire ici
    [color=white][font=Patrick Hand SC][size=17]Âge :[/size][/font][/color] obligatoire
    [color=white][font=Patrick Hand SC][size=17]Pays/Région/Ville :[/size][/font][/color] écrire ici
    [color=white][font=Patrick Hand SC][size=17]Mots de la fin :[/size][/font][/color] écrire ici</span>

    [size=14][font=Patrick Hand SC][center]© Twiggy pour [url=http://www.never-utopia.com/]Never-Utopia[/url][/center][/font][/size]</div>

    Pour pouvoir apprécier la police :

    Panneau d'administration > Affichage > Images et couleurs > Couleurs > Feuille de style CSS :
    placez :
    Code:
    font-family: 'Patrick Hand SC', cursive;
    Panneau d'administration > Affichage > Templates > Général > Overall_header :
    après la balise :
    Code:
    <head>
    placez :
    Code:
    <link href='http://fonts.googleapis.com/css?family=Patrick+Hand+SC' rel='stylesheet' type='text/css'>


    avatar
    Natsuya Gaïaguard
    FémininAge : 27Messages : 144

    le Ven 19 Avr 2013 - 20:03

    jolie ^^



    avatar
    Okhmhaka
    FémininAge : 32Messages : 31851

    le Lun 22 Avr 2013 - 11:55

    Très sympa comme fiche, c'est propre et clair, j'aime bien. Merci !



    avatar
    J-SZ
    FémininAge : 27Messages : 210

    le Lun 22 Avr 2013 - 13:43

    de rien c'est avec plaisir !

    je pensais que tu allais me taper sur les doigts Sparrow car j'ai mélangé les codes ! Wink
    avatar
    Capouccino
    FémininAge : 19Messages : 165

    le Jeu 25 Avr 2013 - 22:30

    On aime la simplicité <3
    En tout cas moi je l'aime beaucoup ta fiche :3



    "Espérer l'inespérable c'est croire en l'impossible."
    avatar
    Exogenesis
    FémininAge : 26Messages : 62

    le Dim 20 Oct 2013 - 12:47

    Merciiii <3 elle est bien ta fiche pour quelqu'un qui se dit nul =P
    avatar
    J-SZ
    FémininAge : 27Messages : 210

    le Dim 20 Oct 2013 - 15:44

    merci à vous les filles Wink
    avatar
    Withy
    FémininAge : 37Messages : 37

    le Sam 14 Déc 2013 - 10:24

    Hey! Donc déja j'adore cette fiche, bien que toute simple les couleurs sont cool ^^
    J'ai vu qu'on pouvait la modifier librement mais je préfère m'assurer que j'ai pas mal compris ou quoi :B
    J'ai un projet de RPG dragons en cours, et pour faire les fiches des dragons la fiche serait parfait ** à quelques détails près, genre juste supprimer les icônes 100x100 et ptêtre une zone de texte ou deux.. Donc voilà, si c'est pas possible c'est pas grave non plus c:

    Merci (d'avance)!
    avatar
    J-SZ
    FémininAge : 27Messages : 210

    le Sam 14 Déc 2013 - 15:04

    Oui oui. Tu peux librement reprendre ce code et le modifier. Pas de soucis et n'hésites pas à me communiquer l'adresse de ton forum par MP. Wink
    :love:
    avatar
    Withy
    FémininAge : 37Messages : 37

    le Sam 14 Déc 2013 - 20:36

    Super merci **
    Promis, je te l'envoie dès qu'on commence un peu mieux à mettre en forme, parce que là à part un thème choisit au pif et le premier sujet habituel, y'a pas grand chose Razz
    avatar
    cassieonline
    FémininAge : 42Messages : 33

    le Jeu 20 Fév 2014 - 20:32

    Très jolie fiche ! Sobre et efficace  :love: 
    avatar
    J-SZ
    FémininAge : 27Messages : 210

    le Lun 24 Fév 2014 - 8:42

    merci bcp :love:
    avatar
    Rementis
    MasculinAge : 24Messages : 63

    le Dim 12 Oct 2014 - 18:31

    Très belle présentation je vais te l'emprunter Very Happy
    avatar
    J-SZ
    FémininAge : 27Messages : 210

    le Dim 12 Oct 2014 - 18:38

    Merci :love:

    N'hésite pas à m'envoyer par MP l'adresse de ton forum, si tu en as un ;-)
    avatar
    Rementis
    MasculinAge : 24Messages : 63

    le Dim 12 Oct 2014 - 18:44

    Je te l'envoie, mais ce n'est pas mon forum ^^ J'emprunte ta fiche pour faire un perso ^^
    Twan.
    MasculinAge : 20Messages : 13

    le Jeu 18 Déc 2014 - 19:02

    Merci ! =)
    avatar
    ginl
    FémininAge : 29Messages : 61

    le Mar 10 Mar 2015 - 17:30

    merci :)
    Contenu sponsorisé


      La date/heure actuelle est Dim 24 Sep 2017 - 14:11