AccueilDernières imagesRechercherS'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.

-17%
Le deal à ne pas rater :
(Black Friday) Apple watch Apple SE GPS + Cellular 44mm (plusieurs ...
249 € 299 €
Voir le deal

    Fiche de présentation pour RPG

    Jak SZ
    Jak SZ
    FémininAge : 34Messages : 217

    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:

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


    Natsuya Gaïaguard
    Natsuya Gaïaguard
    FémininAge : 34Messages : 144

    Ven 19 Avr 2013 - 20:03

    jolie ^^



    Fiche de présentation pour RPG Signa10
    Sparrow-style
    Sparrow-style
    FémininAge : 39Messages : 32055

    Lun 22 Avr 2013 - 11:55

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



    sign
    Jak SZ
    Jak SZ
    FémininAge : 34Messages : 217

    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
    Capouccino
    Capouccino
    FémininAge : 26Messages : 204

    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."
    Exogenesis
    Exogenesis
    FémininAge : 33Messages : 62

    Dim 20 Oct 2013 - 12:47

    Merciiii <3 elle est bien ta fiche pour quelqu'un qui se dit nul =P
    Jak SZ
    Jak SZ
    FémininAge : 34Messages : 217

    Dim 20 Oct 2013 - 15:44

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

    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)!
    Jak SZ
    Jak SZ
    FémininAge : 34Messages : 217

    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:
    Withy
    Withy
    FémininAge : 44Messages : 37

    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
    cassieonline
    cassieonline
    FémininAge : 49Messages : 48

    Jeu 20 Fév 2014 - 20:32

    Très jolie fiche ! Sobre et efficace  :love: 
    Jak SZ
    Jak SZ
    FémininAge : 34Messages : 217

    Lun 24 Fév 2014 - 8:42

    merci bcp :love:
    Rementis
    Rementis
    MasculinAge : 31Messages : 69

    Dim 12 Oct 2014 - 18:31

    Très belle présentation je vais te l'emprunter Very Happy
    Jak SZ
    Jak SZ
    FémininAge : 34Messages : 217

    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 ;-)
    Rementis
    Rementis
    MasculinAge : 31Messages : 69

    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 ^^
    avatar
    Twan.
    MasculinAge : 27Messages : 13

    Jeu 18 Déc 2014 - 19:02

    Merci ! =)
    ginl
    ginl
    FémininAge : 36Messages : 88

    Mar 10 Mar 2015 - 17:30

    merci :)



    Fiche de présentation pour RPG Mjsear10
    Fiche de présentation pour RPG Galeri10
    Contenu sponsorisé


      La date/heure actuelle est Dim 24 Nov 2024 - 1:22