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


    (HTML) Fiche de relation aux tons claires

    Kim Jae Yoon
    Kim Jae Yoon
    FémininAge : 29Messages : 128

    le Sam 24 Fév 2018 - 16:41

    Je vous propose ici une petite fiche de relations RPs aux tons plutôt clairs et aussi complète que possible !

    Voici les aperçus :
    • Aperçu informations personnage
    • Aperçu relations
    • Aperçu global


  • Code corps de la fiche

  • Code:
    <center><link href="https://fonts.googleapis.com/css?family=Lobster|Open+Sans+Condensed:300|Syncopate" rel="stylesheet">
    <div style="background-image: url('https://68.media.tumblr.com/7f6b779d618ec6d158eb85cf606b3f51/tumblr_p4hwj2Kidr1s53nqyo1_1280.png');#f6f2fa;width: 600px;height:800px;border-right: 2px solid #b88c9e;border-left: 2px solid #b88c9e;border-top: 4px solid #c8e1e2;border-bottom: 4px solid #c8e1e2;">
    <img src= "https://78.media.tumblr.com/7b7ef037710b362bcae87c636553b4e1/tumblr_ovgjf2vmSj1utactko1_r2_400.gif" style="width:220px;height:auto;padding:3px;" /><img src= "https://78.media.tumblr.com/154c8e2eabb65c5b7b50cff2dd6f2e15/tumblr_ovlbljYuQn1utactko9_r4_400.gif" style="width:220px;height:auto;padding:3px;" /><div style="font-family: 'Lobster', cursive;letter-spacing:3px;font-size:40px;color:#e2c8e2; #FFFFFF -1px 1px, white -1px -1px, white 1px -1px;"> Nom + prénom </div>
    <div style="font-family: 'Open Sans Condensed', sans-serif;letter-spacing:3px;font-size:12px;">une citation qui claque</div>
    <center><div style="background-color:#FFFFFF;height:70px;text-align:justify;width:550px;overflow:auto;font-family:arial;text-size:11px;padding:5px;"><strong> ✩ Nom :</strong> xxx <strong>✩ Prénom :</strong> xxx <strong>✩ Date & Lieu de naissance :</strong> xxx <strong>✩ Âge :</strong> xxx <strong>✩ Nationalité :</strong> xxx <strong>✩ Origines :</strong> xxx <strong>✩ Orientation sexuelle :</strong> xxx <strong>✩ Statut civil :</strong> xxx  <strong>✩ Statut social :</strong> xxx <strong>✩ Profession | Études :</strong> xxx <strong>✩ Groupe  </strong> xxx </div></center>
    <img src= "https://78.media.tumblr.com/104735d9fd180b08c600ccce797d21e7/tumblr_oxax57bbkx1vfhewmo1_250.png" style="width:180px;height:auto;border-right: 5px solid #ffffff;border-left: 5px solid #ffffff;border-top: 4px solid #ffffff;border-bottom: 4px solid #ffffff;float:left;margin-left: 20px;" /><div style="font-family: 'Lobster';font-size:20px;color:#19284C"> Anecdotes </div><div style="background-color:#FFFFFF;width:350px;height:300px;text-align:justify;float:right;margin-right:20px;overflow:auto;"><blockquote> Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮

    </div>

    <div style="font-family: 'Lobster';font-size:20px;color:#19284C"> Liens recherchés. </div><div style="background-color:#FFFFFF;height:70px;float:center;text-align:justify;width:550px;overflow:auto;font-family:arial;text-size:11px;padding:5px;margin-top:10px;"> <strong>(M/F) — Nom du lien. </strong> Description du lien... </div>
    </div><div style="font-family: 'Arial', sans-serif;letter-spacing:3px;font-size:8px;">© bieipy</div>
    </center>


  • Code relations


  • Code:
    <center><div style="font-family: 'Lobster', cursive;letter-spacing:3px;font-size:40px;color:#e2c8e2;">Boys</div><div style="background-image: url('https://68.media.tumblr.com/7f6b779d618ec6d158eb85cf606b3f51/tumblr_p4hwj2Kidr1s53nqyo1_1280.png');#f6f2fa;width: 600px;height:400px;border-right: 2px solid #b88c9e;border-left: 2px solid #b88c9e;border-top: 4px solid #c8e1e2;border-bottom: 4px solid #c8e1e2;">
    <img src= "https://78.media.tumblr.com/7b7ef037710b362bcae87c636553b4e1/tumblr_ovgjf2vmSj1utactko1_r2_400.gif" style="width:150px;height:auto;float:left;margin-left:9px;padding:5px;border: 3px solid white;border-top-left-radius:50px;border-bottom-left-radius:50px;border-top-right-radius:50px;" /><div style="font-family: 'Open Sans Condensed', sans-serif;letter-spacing:3px;font-size:16px;">Nom + prénom</div><div style="background-color:#FFFFFF;height:70px;text-align:justify;width:370px;padding:10px;margin-right:9px;overflow:auto;font-family:arial;text-size:11px;float:right;">Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte </div>


    <img src= "https://78.media.tumblr.com/7b7ef037710b362bcae87c636553b4e1/tumblr_ovgjf2vmSj1utactko1_r2_400.gif" style="width:150px;height:auto;float:right;margin-right:9px;padding:5px;border: 3px solid white;border-top-right-radius:50px;border-bottom-right-radius:50px;border-top-left-radius:50px;" /><br><div style="font-family: 'Open Sans Condensed', sans-serif;letter-spacing:3px;font-size:16px;">Nom + prénom</div><div style="background-color:#FFFFFF;height:70px;text-align:justify;width:370px;padding:10px;margin-left:9px;overflow:auto;font-family:arial;text-size:11px;float:left;">Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte </div></br>

    <img src= "https://78.media.tumblr.com/7b7ef037710b362bcae87c636553b4e1/tumblr_ovgjf2vmSj1utactko1_r2_400.gif" style="width:150px;height:auto;float:left;margin-left:9px;padding:5px;border: 3px solid white;border-top-left-radius:50px;border-bottom-left-radius:50px;border-top-right-radius:50px;" /><div style="font-family: 'Open Sans Condensed', sans-serif;letter-spacing:3px;font-size:16px;">Nom + prénom</div><div style="background-color:#FFFFFF;height:70px;text-align:justify;width:370px;padding:10px;margin-right:9px;overflow:auto;font-family:arial;text-size:11px;float:right;">Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte </div>
    </div><div style="font-family: 'Arial', sans-serif;letter-spacing:3px;font-size:8px;">© bieipy</div></center>
    Onyx
    Onyx
    FémininAge : 25Messages : 3289

    le Sam 23 Fév 2019 - 4:20

    Salut !

    Tout est bon, je transfère dans le Libre Service !
    Merci du partage ♥



    Kelalin
    Kelalin
    FémininAge : 27Messages : 2085

    le Sam 23 Fév 2019 - 11:45

    Merci pour le partage :)
    Abby Reever
    Abby Reever
    FémininAge : 27Messages : 145

    le Mar 26 Mar 2019 - 23:28

    Cette fiche est juste trop canon ! Bravo à toi ! Very Happy et merci pour le partage !
    najoha
    najoha
    FémininAge : 32Messages : 21

    le Dim 28 Juil 2019 - 10:25

    Merci beaucoup, je t'emprunte ton code :)
    Aelyaa
    Aelyaa
    FémininAge : 18Messages : 6

    le Ven 20 Sep 2019 - 22:00

    merci
    Contenu sponsorisé


      La date/heure actuelle est Mar 22 Oct 2019 - 17:55