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 : 29Messages : 67

    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 Dim 26 Aoû 2018 - 12:25, édité 2 fois
    avatar
    Yukiji
    FémininAge : 18Messages : 107

    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 : 29Messages : 67

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

    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 : 29Messages : 67

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

    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 : 29Messages : 67

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

    le Lun 6 Aoû 2018 - 23:58

    tu me donnerais le code modifié ? Very Happy



    avatar
    Liintu
    FémininAge : 29Messages : 67

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

    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 : 29Messages : 67

    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
    avatar
    Yukiji
    FémininAge : 18Messages : 107

    le Dim 19 Aoû 2018 - 5:44

    Coucou j'avoue ne pas savoir d'oû viens ton bug parce que sur mon forumtest on peut voir que tout fonctionne :noel:



    Donc juste re c/c cet html parce que sinon je ne vois vraiment pas quoi faire
    Code:
    <div id="contfic"><h2>Un titre au hasard</h2><p><b>INGRÉDIENTS</b>
    ONCES  ML
    2 oz rhum blanc
    2 oz jus d'ananas
    2 oz crème de coco
    1 tranche(s) ananas (pour décorer)
    <b>PRÉPARATION</b>
    Dans un mélangeur, ajouter tous les ingrédients avec de la glace et broyer jusqu’à l’obtention d’une texture homogène.

    Verser le contenu dans un verre ou une coupe à vin.

    Décorer d’un triangle d’ananas frais.</p><h3>Passion pour les titres</h3><div><h5>Un titre</h5><div>Le Piña Colada aurait été inventé le 15 août 1954 par Don Ramón «Monchito» Marrero, un barman de l'hôtel Hilton à San Juan (Puerto Rico). Son but : rassembler toutes les saveurs de PuertoRico dans un seul verre en insistant particulièrement sur le jus d’ananas frais des fermes de cet état. Déclaré boisson nationale en 1978, le Piña Colada a depuis fait le tour du monde.</div> </div><div><h5>Un titre</h5><div>Étapes
    1. Mixez le jus des citrons, les fraises, le sucre, le rhum et la glace en une mousse légère.

    2. Versez-la dans un grand verre préalablement rafraîchi.

    3. Posez sur le bord une pique en bois agrémentée de groseilles, fraises, framboises et menthe.

    Servez avec une paille.</div> </div>
    <div><h5>Un titre</h5><div>Le Piña Colada aurait été inventé le 15 août 1954 par Don Ramón «Monchito» Marrero, un barman de l'hôtel Hilton à San Juan (Puerto Rico). Son but : rassembler toutes les saveurs de PuertoRico dans un seul verre en insistant particulièrement sur le jus d’ananas frais des fermes de cet état. Déclaré boisson nationale en 1978, le Piña Colada a depuis fait le tour du monde.</div></div><div><h5>Un titre</h5><div>Le Piña Colada aurait été inventé le 15 août 1954 par Don Ramón «Monchito» Marrero, un barman de l'hôtel Hilton à San Juan (Puerto Rico). Son but : rassembler toutes les saveurs de PuertoRico dans un seul verre en insistant particulièrement sur le jus d’ananas frais des fermes de cet état. Déclaré boisson nationale en 1978, le Piña Colada a depuis fait le tour du monde.</div> </div>
    </div><a id="credit" target="_blank" href="http://goldenageacademy.forumactif.org/">(c) Atols</a>

    Vraiment pardon, c'est la première fois que mes codes bugs à ce point. Je dois encore m'entrainer avec le flexbox.



    avatar
    Liintu
    FémininAge : 29Messages : 67

    le Dim 26 Aoû 2018 - 12:24

    Coucou
    Miracle cette fois-ci ça fonctionne !!!
    Pourquoi je ne sais pas mais c'est parfait Very Happy
    Peut-être un soucis à cause d'un autre code dans le CSS?

    En tout cas merci beaucoup !!!
    Contenu sponsorisé


      La date/heure actuelle est Jeu 18 Oct 2018 - 15:13