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.

Le deal à ne pas rater :
Fnac : 2 Funko Pop achetées : le 3ème offert (large sélection de ...
Voir le deal

    Fiche de presentation

    Nishiki
    Nishiki
    FémininAge : 26Messages : 325

    Ven 23 Juin 2017 - 21:32

    Ma demande



    Bonjour :)
    J'aimerais que quelqu'un me fasse une petite fiche de présentation, avec code html ^^'


    Schéma(s) et Eléments


    Schémas :
    fiche de base:
    survol de relation:
    survol de rp:

    Tailles des éléments : pour le tout : 550*850
    pour le nom du personnage : architects daughter taille 25px en small-caps, entre le haut du bloc et le cadre citation 43px
    cadre citation : 30px, ecrit en constantia 15px et italique
    entre la cadre citation et l'image il y a 10px environ
    l'image doit faire 400*350 et être redimensionnée auto
    entre l'image et les cadres en dessous 10px aussi et il y a 10px entre chaque cadres
    le cadre identitée et pouvoir : 200*140, titre constantia ital' 15px et ecrit 12px avec une barre de défilement; pour le titre y a 25px avant le trait de 5px qui sépare le titre et le texte
    le cadre histoire et caractère : 450*140; le reste est identique a ceux si dessus
    cadre relation et rps : taille je sais pas entre 20 et 30px de haut, le titre est de 15px constantia.

    pour le cadre vous : il est séparé de la fiche par 20px ; 550*170px, titre architects daughter taille 25px en small-caps, question constantia 15px et les réponses en 12px (si possible)

    pour le cadre relation : 500*800
    pour les bloc interne : 450*200, nom 20px architects daughter en small caps dans un bloc de 450*50, ecrit et info 15px avec les info' en italique avec 450*50

    pour le cadre rp : 500*800
    pour les bloc internes : 490*40 l'écrit est en constantia 15px avec un lien
    Effets voulus : lorsqu'on survol les blocs relation et rps j'aimerais que le fond soit transparent si possible
    Version de votre forum : PHPBB2,


    Ressources


    image perso : https://i.servimg.com/u/f11/18/37/57/01/iamage10.png
    lien police :
    Code:
    <link href="https://fonts.googleapis.com/css?family=Architects+Daughter" rel="stylesheet" />


    Autres précisions ?


    //

    Merci beaucoup !




    Dernière édition par Nishiki le Ven 28 Juil 2017 - 14:08, édité 1 fois



    Fiche de presentation Head19
    Nishiki
    Nishiki
    FémininAge : 26Messages : 325

    Sam 1 Juil 2017 - 13:30

    J'ai commencé un truc du coup mais voilà je galère pas mal quand même j'ai juste quelques bases de code alors c'est pas simple :/

    Code:
    <body><br><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Architects+Daughter"><center>
    <div style="width:550px; height:850px; background:#7C5E8F; position: relative;>
    <span style="font-family:'Architects Daughter', cursive; font-size:25px; letter-spacing: -1px; color:#C4CAE4; float:left; left:250;">Nom de votre personnage</div>
    <div style="width:550px;color  cc66ff; font-family:'Architects Daughter', cursive; font-size:15px; letter-spacing: -1px; background:#4D4777; float:left; top:43px;"><i>Citation</i></div>
    <div style="width: 400px; height:350px;<br><img src="https://i11.servimg.com/u/f11/18/37/57/01/shya10.png"; ><br><br>

    <span style="width:200px; color:#C4CAE4;  font-family:'constantia', cursive; font-size:15px; letter-spacing: -1px; float:left; left:30px;"><i>Identité</i></div>
    <div style="margin-left: 20px; display: inline-block; float: left; width:200px; height:140px; color:#6666ff; text-align: justify; padding: 8px; background:#d2c4f2;  border-top:solid 5px #4D4777">
    </div></div>
    </center>
    </body>


    J'ai pris une fiche déjà existante sur mon forum et j'ai tenté de la modifier mais je crois que au final ça ma plus perdue qu'autre chose :/



    Fiche de presentation Head19
    Nishiki
    Nishiki
    FémininAge : 26Messages : 325

    Dim 2 Juil 2017 - 1:30

    Bon finalement après toute une journée de galère et avec l'aide de quelques amis j'ai réussit à faire ca :

    Code:
    <body><br><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Architects+Daughter">
    <center>
    <div style="width:550px; height:930px; background:#7C5E8F; position: relative;">
    <span style="font-family:'Architects Daughter', cursive; font-size:25px; letter-spacing: -1px; color:#C4CAE4; float:left; left:250;">Nom de votre personnage<div style="width:550px; font-family:'Architects Daughter', cursive; font-size:20px; letter-spacing: -1px; background:#4D4777; float:left; top:43px;"><i>Citation</i></div></span>
    <div><img style="width: 400px; height:350px;" src="https://i11.servimg.com/u/f11/18/37/57/01/shya10.png"></div>
    <div style="float:right;width:340px;margin-right:20px;"><i style="color:#C4CAE4;  font-family:'constantia', cursive; font-size:15px; letter-spacing: -1px;"><span style="float:left">Identité</span><span style="float:right">Pouvoir</span></i></div>
    <ul style="list-style-type:none;display:inline"><li style="margin-left:20px;margin-right:20px"><div style="overflow:scroll;overflow-x:hidden;float: left; width:200px; height:140px; color:#6666ff; text-align: justify; padding: 8px; background:#d2c4f2;  border-top:solid 5px #4D4777;">Âge : </br>Sexe : </br>Espèce : </br>Race : </br>Clan : </br>Rang: </br>Famille :</br></div></li><li style="margin-left:20px;margin-right:20px"><div style="overflow:scroll;overflow-x:hidden;float: right; width:200px; height:140px; color:#6666ff; text-align: justify; padding: 8px; background:#d2c4f2;  border-top:solid 5px #4D4777;">Pierre : </br><center>Description ici</center></div></li></ul><div style="margin-top:160px;margin-left:20px;margin-right:20px;text-align:right;"><i style="color:#C4CAE4;  font-family:'constantia', cursive; font-size:15px; letter-spacing: -1px;">Caractère</i></div><div style="overflow:scroll;overflow-x:hidden;height:100px;margin-left:20px;margin-right:20px; color:#6666ff; text-align: justify; padding: 8px; background:#d2c4f2;  border-top:solid 5px #4D4777;"></div><div style="margin-top:20px;margin-left:20px;margin-right:20px;text-align:right;"><i style="color:#C4CAE4;  font-family:'constantia', cursive; font-size:15px; letter-spacing: -1px;">Histoire</i></div><div style="overflow:scroll;overflow-x:hidden;height:100px;margin-left:20px;margin-right:20px; color:#6666ff; text-align: justify; padding: 8px; background:#d2c4f2;  border-top:solid 5px #4D4777;"></div></div></center></body>

    Il manque du coup les petits cadres relations et liste des rps qui au survolent de la sourie affichent les grand cadres transparents ... simplement je suis pas vraiment sur de savoir faire les effets du coup j'en revient à votre aide


    Merci de votre aide



    Fiche de presentation Head19
    Nishiki
    Nishiki
    FémininAge : 26Messages : 325

    Jeu 6 Juil 2017 - 13:09

    toujours d'actualité ^^ je n'arrive pas à positionner les deux petits cadres en bah et encore moins à faire les deux autres qui s'ouvrent ^^

    Merci d'avance à celui ou celle qui pourra m'aider !



    Fiche de presentation Head19
    Nishiki
    Nishiki
    FémininAge : 26Messages : 325

    Sam 8 Juil 2017 - 23:46

    toujours d’actualité :)



    Fiche de presentation Head19
    Nishiki
    Nishiki
    FémininAge : 26Messages : 325

    Mar 11 Juil 2017 - 2:45

    petite relance :)



    Fiche de presentation Head19
    Nishiki
    Nishiki
    FémininAge : 26Messages : 325

    Ven 14 Juil 2017 - 13:27

    toujours d'actualité :)



    Fiche de presentation Head19
    Nishiki
    Nishiki
    FémininAge : 26Messages : 325

    Lun 17 Juil 2017 - 15:29

    toujours d'actualitée, le code à était commencé mais je n'arrive pas à le finir.

    Merci de votre aide



    Fiche de presentation Head19
    Nishiki
    Nishiki
    FémininAge : 26Messages : 325

    Ven 21 Juil 2017 - 0:52

    Coucou :)
    La demande est toujours d'actualité :)



    Fiche de presentation Head19
    Nishiki
    Nishiki
    FémininAge : 26Messages : 325

    Dim 23 Juil 2017 - 22:57

    Bonjour !
    La commande est toujours d'actualitée :) je reposte le code :

    Code:
    <body><br><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Architects+Daughter">
    <center>
    <div style="width:550px; height:930px; background:#7C5E8F; position: relative;">
    <span style="font-family:'Architects Daughter', cursive; font-size:25px; letter-spacing: -1px; color:#C4CAE4; float:left; left:250;">Nom de votre personnage<div style="width:550px; font-family:'Architects Daughter', cursive; font-size:20px; letter-spacing: -1px; background:#4D4777; float:left; top:43px;"><i>Citation</i></div></span>
    <div><img style="width: 400px; height:350px;" src="https://i11.servimg.com/u/f11/18/37/57/01/shya10.png"></div>
    <div style="float:right;width:340px;margin-right:20px;"><i style="color:#C4CAE4;  font-family:'constantia', cursive; font-size:15px; letter-spacing: -1px;"><span style="float:left">Identité</span><span style="float:right">Pouvoir</span></i></div>
    <ul style="list-style-type:none;display:inline"><li style="margin-left:20px;margin-right:20px"><div style="overflow:scroll;overflow-x:hidden;float: left; width:200px; height:140px; color:#6666ff; text-align: justify; padding: 8px; background:#d2c4f2;  border-top:solid 5px #4D4777;">Âge : </br>Sexe : </br>Espèce : </br>Race : </br>Clan : </br>Rang: </br>Famille :</br></div></li><li style="margin-left:20px;margin-right:20px"><div style="overflow:scroll;overflow-x:hidden;float: right; width:200px; height:140px; color:#6666ff; text-align: justify; padding: 8px; background:#d2c4f2;  border-top:solid 5px #4D4777;">Pierre : </br><center>Description ici</center></div></li></ul><div style="margin-top:160px;margin-left:20px;margin-right:20px;text-align:right;"><i style="color:#C4CAE4;  font-family:'constantia', cursive; font-size:15px; letter-spacing: -1px;">Caractère</i></div><div style="overflow:scroll;overflow-x:hidden;height:100px;margin-left:20px;margin-right:20px; color:#6666ff; text-align: justify; padding: 8px; background:#d2c4f2;  border-top:solid 5px #4D4777;"></div><div style="margin-top:20px;margin-left:20px;margin-right:20px;text-align:right;"><i style="color:#C4CAE4;  font-family:'constantia', cursive; font-size:15px; letter-spacing: -1px;">Histoire</i></div><div style="overflow:scroll;overflow-x:hidden;height:100px;margin-left:20px;margin-right:20px; color:#6666ff; text-align: justify; padding: 8px; background:#d2c4f2;  border-top:solid 5px #4D4777;"></div></div></center></body>



    Fiche de presentation Head19
    Nishiki
    Nishiki
    FémininAge : 26Messages : 325

    Ven 28 Juil 2017 - 14:08

    e sujet peut être archivé ^^



    Fiche de presentation Head19
    Contenu sponsorisé


      La date/heure actuelle est Ven 29 Mar 2024 - 1:46