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.


    Tableau tout simple

    Partagez
    avatar
    Liintu
    FémininAge : 28Messages : 66

    le Sam 28 Juil 2018 - 23:41

    Ma demande



    Bonsoir,
    Étant très nulle en codage, je cherche quelqu'un pour me coder une fiche toute simple s'il vous plaît.
    Merci d'avance ♥


    Schéma(s) et Eléments


    Schémas : Par ici
    Tailles des éléments : La même taille que sur le schéma, modifiable tant que ça reste harmonieux. Je dois détailler?
    Effets voulus : Aucun
    Version de votre forum : PHPBB2


    Ressources


    //


    Autres précisions ?


    Non, c'est vraiment quelque chose de très simple


    Merci beaucoup


    Dernière édition par Liintu le Mar 31 Juil 2018 - 18:14, édité 1 fois
    avatar
    Yukiji
    FémininAge : 18Messages : 103

    le Mar 31 Juil 2018 - 4:07


    ça te convient ?

    par contre pour la prochaine fois ce serait vraiment sympa de mettre les codes couleurs, les tailles & les fonts utilisés. Moi ça allait parce que je suis graphiste et je me suis débrouillée pour certains détails. Mais ce n'est pas tous les codeurs qui le sont.



    avatar
    Liintu
    FémininAge : 28Messages : 66

    le Mar 31 Juil 2018 - 18:05

    Oui c'est tip top merci !!!
    J'ai fait le schéma à la louche sans trop penser à la taille alors moi même je ne sais pas trop les dimensions. Par contre les couleurs j'avoue que j'aurais pu les mettre --'. Désolé
    avatar
    Yukiji
    FémininAge : 18Messages : 103

    le Mar 31 Juil 2018 - 19:14

    Parfait, donc pour ta fiche, est-ce que tu l'utilises sur un forum où tu es administrateur ?



    avatar
    Liintu
    FémininAge : 28Messages : 66

    le Mar 31 Juil 2018 - 19:30

    Je suis l'administratrice du forum sur lequel la fiche sera utilisée :)
    avatar
    Yukiji
    FémininAge : 18Messages : 103

    le Mar 31 Juil 2018 - 19:57

    Parfait !
    Donc ajoute dans ton CSS (Panneau d'admnistration > Affichages > Couleurs > Feuille de styles)


    J'ai rajouté des commentaires dans le CSS pour te faciliter la modification. La fiche s'adapte à la longeur de ton texte.
    Si tu as le moindre problème avec la fiche, n'hésites pas à m'envoyer un mp.



    avatar
    Liintu
    FémininAge : 28Messages : 66

    le Lun 6 Aoû 2018 - 20:45

    Un grand merci !
    Désolé du retard j'ai plus eu internet pendant plusieurs jours >_<
    Je vais tester ça toute suite Very Happy

    Edit: Je sais pas pourquoi, mais c'est décalé chez moi >_< (lien)
    avatar
    Yukiji
    FémininAge : 18Messages : 103

    le Lun 6 Aoû 2018 - 23:58

    tu me donnerais le code modifié ? Very Happy



    avatar
    Liintu
    FémininAge : 28Messages : 66

    le Ven 10 Aoû 2018 - 22:29

    Le truc c'est que j'ai rien modifié justement, j'ai juste fait copier/coller c'est pour ça que je comprends pas >_<
    avatar
    Yukiji
    FémininAge : 18Messages : 103

    le Dim 12 Aoû 2018 - 6:21

    Ah oui quand même ! Pardon, faudrait vraiment que j'arrête de coder la nuit. Tu avais bien raison il y avait quelques petites erreurs dans le CSS !

    Remplace l'intégralité du css que je t'ai donné par:
    Code:
    @import url('https://fonts.googleapis.com/css?family=Montserrat');
    #contfic{
    width:617px;
    min-height:200px;
    border:4px #e69a90 solid; /* Modifier la couleur des bordures */
    background:white;
    display:flex;
    flex-wrap:wrap;
    box-sizing:border-box;
    padding:5px;
    font-family:'Montserrat', sans-serif;
    align-items: center;
    margin:auto;
    }
    #contfic h2, h3{
    width:100%;
    height:15px;
    font-size:10px;
    text-align:center;
    margin:0px 0px 10px 0px;
    background:#e3dfd3; /*Modifier la couleur de fond du titre */
    padding-top:2px;
    color:white; /* Modifier la couleur de texte du titre */
    }
    #contfic h3{
    font-size:9px;
    padding-top:3px
    }
    #contfic p{
    margin:auto;
    width:90%;
    text-align:justify;
    font-size:12px;
    color:#c6c3ba; /* Modifier la couleur du texte */
    margin-bottom:10px;
    }
    #contfic div{
    width:49%;
    min-height:100px;
    border:3px #e69a90 solid; /* Modifier la couleur des bordures */
    margin:0px auto auto 0px;
    box-sizing:border-box;
    padding:5px;
    margin-bottom:5px;
    align-self:flex-start;
    }
    #contfic h5{
    margin:0px; margin-bottom:5px;
    font-size:10px;
    color:#e69a90; /*Modifier la couleur du texte du titre */
    text-align:center;
    padding:2px;
    background:#f4f2ed; /* Modifer la couleur de fond du titre*/
    }
    #contfic div div{
    width:100%;
    min-height:80px;
    background:#f4f2ed; /*Modifier la couleur des blocs beiges */
    border-width:0px;
    text-align:justify;
    font-size:10px;
    color:#c3bfb6; /*Modifier la couleur du texte*/
    margin:0px;
    }
    #contfic b{
    text-shadow:0px 0px 1px grey; /* Modifier Grey pour la couleur de l'ombre sur le gras */
    color:#e69a90; /*Modifier la couleur du gras */
    }
    #credit{
    text-align:center;
    color:grey;
    font-size:9px;
    font-family:'Calibri';
    text-decoration:none!important;
    display:block;
    }

    et aussi, retire tous les retours à la ligne (sauf ceux de ton texte) dans le code HTML. Normalement cela devrait régler le problème !
    Désolée.



    avatar
    Liintu
    FémininAge : 28Messages : 66

    le Jeu 16 Aoû 2018 - 12:38

    Pas de soucis, je suis incapable de voir les erreurs moi >_< lol

    CSS changé
    J'ai juste le tableau en haut à droite qui est casse bonbon et bug encore grr
    Contenu sponsorisé


      La date/heure actuelle est Sam 18 Aoû 2018 - 22:04