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 presentation

    Partagez
    avatar
    Nishiki
    FémininAge : 19Messages : 294

    le 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:

    avec à 20 px en dessous
    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://i11.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 !





    avatar
    Nishiki
    FémininAge : 19Messages : 294

    le 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 :/



    avatar
    Nishiki
    FémininAge : 19Messages : 294

    le 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



    avatar
    Nishiki
    FémininAge : 19Messages : 294

    le 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 !



    avatar
    Nishiki
    FémininAge : 19Messages : 294

    le Sam 8 Juil 2017 - 23:46

    toujours d’actualité :)



    avatar
    Nishiki
    FémininAge : 19Messages : 294

    le Mar 11 Juil 2017 - 2:45

    petite relance :)



    avatar
    Nishiki
    FémininAge : 19Messages : 294

    le Ven 14 Juil 2017 - 13:27

    toujours d'actualité :)



    avatar
    Nishiki
    FémininAge : 19Messages : 294

    le 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



    avatar
    Nishiki
    FémininAge : 19Messages : 294

    le Ven 21 Juil 2017 - 0:52

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



    Contenu sponsorisé


      La date/heure actuelle est Dim 23 Juil 2017 - 8:32