Fiche boutique
    Message le Dim 30 Avr - 19:39
    Coucou, me voilà !

    Forum : Ici même
      Version : Invision
      Élément(s) demandé(s) : Fiche de boutique et éventuellement le rendu du formulaire de commande
      Maquette : http://image.noelshack.com/fichiers/2017/17/1493573439-graphmania1.png
      Description: Je te laisse libre si tu veux rajouter/modifier des choses. Pour le rendu du formulaire également tu es libre, du moment que c'est assorti >.> J'aimerais surtout voir tout de suite par le formulaire si c'est une commande d'analyse ou de création
      Polices à utiliser : https://fonts.google.com/selection?selection.family=Fjalla+One
      Images à utiliser :  
    http://image.noelshack.com/fichiers/2017/17/1493573428-halloava.png
    http://image.noelshack.com/fichiers/2017/17/1493573420-hallogalerie.png
    (Le Galerie à la place du DeviantART sur la maquette, j'ai changé d'avis en cours de route ahah)
      Acceptez-vous que le code finisse en LS ? Oui
      Mode de rendu : via le sujet ou intégration directe
      Autre chose à ajouter ? Merci boucoup :lovely: Je n'ai pas compris le mode de rendu par contre, j'aimerais surtout si possible éviter de passer par une page HTML
    avatar
    Invité




    Message le Lun 1 Mai - 21:08
    Pouet !

    Ca donnerait ça :


    Graphmania {0/2}




    ♣ Commande de création

    ♠ Analyses

    ♦ Aide au graphisme

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce id luctus neque. Maecenas mattis semper tortor, sed tristique odio porta sit amet. Aenean eget dictum ligula. Etiam ornare, quam a pellentesque sodales, mauris ex sagittis tortor, at vulputate ligula quam id felis. Donec nibh est, convallis in orci sed, tempus molestie mi. Integer sit amet nulla congue, rutrum sapien eu, vehicula enim. Nulla mollis efficitur ex vel condimentum. Morbi maximus congue urna, sed ultricies mauris lobortis id. Duis sapien quam, tincidunt sed molestie non, tempus in sapien. Fusce ante enim, eleifend vitae gravida maximus, porttitor sed risus. Aenean quis velit elit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin luctus tincidunt odio non pulvinar. Sed at velit eget risus mollis rutrum a quis lacus.


    Code:
    <style>#fond_fiche_sygea {background: #e9e9e9; width: 80%; margin: auto; color: #4f4f4f;} #header_creations_sygea {background: #fafafa; padding: 5%;} #header_creations_sygea h2 {text-align: center; font-family: 'Fjalla One', sans-serif; color: #ffaa2b; font-size: 30px; text-transform: uppercase;} #creations_sygea {margin-top: -10%; position: relative; border-radius: 100px; border: 4px solid #ffaa2b;} .description_creations_sygea {width: 70%; padding: 3%; margin: auto; color: #4f4f4f; font-family: calibri; background: #fafafa;}</style>

    <div id="fond_fiche_sygea"><div id="header_creations_sygea">
    <h2>Commande de créations</h2> <img id="creations_sygea" src="https://img15.hostingpics.net/pics/940716002pantone.png" /></div>
    <div class="description_creations_sygea"><b>Le lien où sera la création</b> <i>Votre forum</i>
    <b>Format et dimensions</b> <i>Votre texte</i>
    <b>Images</b> <i>Liens vers vos images</i>
    <b>Textes</b> <i>Textes à utiliser</i>
    <b>Autres précisions</b> <i>Votre texte</i> </div>
    </div>
    <link href="https://fonts.googleapis.com/css?family=Fjalla+One" rel="stylesheet">

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce id luctus neque. Maecenas mattis semper tortor, sed tristique odio porta sit amet. Aenean eget dictum ligula. Etiam ornare, quam a pellentesque sodales, mauris ex sagittis tortor, at vulputate ligula quam id felis. Donec nibh est, convallis in orci sed, tempus molestie mi. Integer sit amet nulla congue, rutrum sapien eu, vehicula enim. Nulla mollis efficitur ex vel condimentum. Morbi maximus congue urna, sed ultricies mauris lobortis id. Duis sapien quam, tincidunt sed molestie non, tempus in sapien. Fusce ante enim, eleifend vitae gravida maximus, porttitor sed risus. Aenean quis velit elit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin luctus tincidunt odio non pulvinar. Sed at velit eget risus mollis rutrum a quis lacus.


    Code:
    <style>#fond_fiche_sygea {background: #e9e9e9; width: 80%; margin: auto; color: #4f4f4f;} #header_analyses_sygea {background: #fafafa; padding: 5%;} #header_analyses_sygea h2 {text-align: center; font-family: 'Fjalla One', sans-serif; color: #0295aa; font-size: 30px; text-transform: uppercase;} #analyses_sygea {margin-top: -10%; position: relative; border-radius: 100px; border: 4px solid #0295aa;} .description_analyses_sygea {width: 70%; padding: 3%; margin: auto; color: #4f4f4f; font-family: calibri; background: #fafafa;}</style>

    <div id="fond_fiche_sygea"><div id="header_analyses_sygea">
    <h2>Demandes d'analyse</h2> <img id="analyses_sygea" src="https://img15.hostingpics.net/pics/938250001analysis.png" /></div>
    <div class="description_analyses_sygea"><b>Les créations</b> <i>Vos œuvres</i>
    <b>Le logiciel</b> <i>Votre texte</i>
    <b>Les bases</b> <i>Les bases de vos œuvres</i>
    <b>Une question</b> [] Oui   [] Non
    <b>Commentaires</b> <i>Votre texte</i>
    </div>
    </div>
    <link href="https://fonts.googleapis.com/css?family=Fjalla+One" rel="stylesheet">

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce id luctus neque. Maecenas mattis semper tortor, sed tristique odio porta sit amet. Aenean eget dictum ligula. Etiam ornare, quam a pellentesque sodales, mauris ex sagittis tortor, at vulputate ligula quam id felis. Donec nibh est, convallis in orci sed, tempus molestie mi. Integer sit amet nulla congue, rutrum sapien eu, vehicula enim. Nulla mollis efficitur ex vel condimentum. Morbi maximus congue urna, sed ultricies mauris lobortis id. Duis sapien quam, tincidunt sed molestie non, tempus in sapien. Fusce ante enim, eleifend vitae gravida maximus, porttitor sed risus. Aenean quis velit elit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin luctus tincidunt odio non pulvinar. Sed at velit eget risus mollis rutrum a quis lacus.


    Formulaire en attente






    Je suis juste un peu bloquée pour les formulaires, sans le contenu j'ai du mal à imaginer quelque chose :O
    Message le Lun 1 Mai - 21:37
    Cest super merci :3
    Je veux voir donc de facon generale le type de commande. Ensuite selon le type de commande=
    Dans le formulaire je veux voir pour les creations:
    Le lien où sera la creation
    Format et dimensions
    Images
    Textes
    Autres precisions

    Pour les Analyses :
    Les creations
    Le logiciel
    Les bases
    Une question a cocher oui ou non
    Commentaires

    Je sais pas si ca t'aide ;-;
    avatar
    Invité




    Message le Lun 1 Mai - 22:28
    J'ai fais quelque chose de très simple au final :




    Commande de créations


    Le lien où sera la création Votre forum
    Format et dimensions Votre texte
    Images Liens vers vos images
    Textes Textes à utiliser
    Autres précisions Votre texte









    Demandes d'analyse


    Les créations Vos œuvres
    Le logiciel Votre texte
    Les bases Les bases de vos œuvres
    Une question [] Oui   [] Non
    Commentaires Votre texte


    Message le Lun 1 Mai - 22:46
    Cest parfait ! *____*
    avatar
    Invité




    Message le Mar 2 Mai - 8:37
    Donc voila les codes :D

    Fiche générale :
    Code:
    <style>#fond_fiche_sygea {font-family: 'Fjalla One', sans-serif; background: #e9e9e9; width: 100%; margin: 0 auto; color: #4f4f4f;} #header_sygea {background: #fafafa; text-align: center; padding: 5%;} #header_sygea h2 {font-family: 'Fjalla One', sans-serif; color: #9b0a85; font-size: 45px; text-transform: uppercase; margin-right: -20%;} #colonne_gauche_sygea {float: left; width: 30%; background: #fafafa; text-align: center; margin-left: 3%;} #avatar_sygea {margin-top: -30%; border-radius: 100px; border: 4px solid #b6b6b6;} .gauche_rose {color: #9b0a85; font-size: 14px; height: 450px;} .gauche_bleu {color: #28616f; font-size: 14px; height: 450px;} #contenu_centre_sygea {width: 60%; padding: 3%; float: left; text-align: center;} .description_services_sygea {text-align: justify; width: 90%; padding: 3%; color: #4f4f4f; font-family: calibri; background: #fafafa; height: 150px; overflow: auto;}</style>
    <div id="fond_fiche_sygea"><div id="header_sygea"><h2>Graphmania {0/2}</h2></div><div id="colonne_gauche_sygea"><img id="avatar_sygea" src="http://image.noelshack.com/fichiers/2017/17/1493573428-halloava.png" /><br /><br />
    <div class="gauche_rose">♣ Commande de création <span style="font-size: 18px;">►</span></div>
    <div class="gauche_bleu">♠ Analyses <span style="font-size: 18px;">►</span></div>
    <div class="gauche_rose" style="height: 150px;">♦ Aide au graphisme <span style="font-size: 18px;">►</span></div></div><div id="contenu_centre_sygea"><img src="http://image.noelshack.com/fichiers/2017/17/1493573420-hallogalerie.png">
    <div class="description_services_sygea">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce id luctus neque. Maecenas mattis semper tortor, sed tristique odio porta sit amet. Aenean eget dictum ligula. Etiam ornare, quam a pellentesque sodales, mauris ex sagittis tortor, at vulputate ligula quam id felis. Donec nibh est, convallis in orci sed, tempus molestie mi. Integer sit amet nulla congue, rutrum sapien eu, vehicula enim. Nulla mollis efficitur ex vel condimentum. Morbi maximus congue urna, sed ultricies mauris lobortis id. Duis sapien quam, tincidunt sed molestie non, tempus in sapien. Fusce ante enim, eleifend vitae gravida maximus, porttitor sed risus. Aenean quis velit elit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin luctus tincidunt odio non pulvinar. Sed at velit eget risus mollis rutrum a quis lacus. </div>

    [code]<style>#fond_fiche_sygea {background: #e9e9e9; width: 80%; margin: auto; color: #4f4f4f;} #header_creations_sygea {background: #fafafa; padding: 5%;} #header_creations_sygea h2 {text-align: center; font-family: 'Fjalla One', sans-serif; color: #ffaa2b; font-size: 30px; text-transform: uppercase;} #creations_sygea {margin-top: -10%; position: relative; border-radius: 100px; border: 4px solid #ffaa2b;} .description_creations_sygea {width: 70%; padding: 3%; margin: auto; color: #4f4f4f; font-family: calibri; background: #fafafa;}</style>

    <div id="fond_fiche_sygea"><div id="header_creations_sygea">
    <h2>Commande de créations</h2> <img id="creations_sygea" src="https://img15.hostingpics.net/pics/940716002pantone.png" /></div>
    <div class="description_creations_sygea"><b>Le lien où sera la création</b> <i>Votre forum</i>
    <b>Format et dimensions</b> <i>Votre texte</i>
    <b>Images</b> <i>Liens vers vos images</i>
    <b>Textes</b> <i>Textes à utiliser</i>
    <b>Autres précisions</b> <i>Votre texte</i> </div>
    </div>
    <link href="https://fonts.googleapis.com/css?family=Fjalla+One" rel="stylesheet">[/code]

    <div class="description_services_sygea">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce id luctus neque. Maecenas mattis semper tortor, sed tristique odio porta sit amet. Aenean eget dictum ligula. Etiam ornare, quam a pellentesque sodales, mauris ex sagittis tortor, at vulputate ligula quam id felis. Donec nibh est, convallis in orci sed, tempus molestie mi. Integer sit amet nulla congue, rutrum sapien eu, vehicula enim. Nulla mollis efficitur ex vel condimentum. Morbi maximus congue urna, sed ultricies mauris lobortis id. Duis sapien quam, tincidunt sed molestie non, tempus in sapien. Fusce ante enim, eleifend vitae gravida maximus, porttitor sed risus. Aenean quis velit elit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin luctus tincidunt odio non pulvinar. Sed at velit eget risus mollis rutrum a quis lacus. </div>

    [code]<style>#fond_fiche_sygea {background: #e9e9e9; width: 80%; margin: auto; color: #4f4f4f;} #header_analyses_sygea {background: #fafafa; padding: 5%;} #header_analyses_sygea h2 {text-align: center; font-family: 'Fjalla One', sans-serif; color: #0295aa; font-size: 30px; text-transform: uppercase;} #analyses_sygea {margin-top: -10%; position: relative; border-radius: 100px; border: 4px solid #0295aa;} .description_analyses_sygea {width: 70%; padding: 3%; margin: auto; color: #4f4f4f; font-family: calibri; background: #fafafa;}</style>

    <div id="fond_fiche_sygea"><div id="header_analyses_sygea">
    <h2>Demandes d'analyse</h2> <img id="analyses_sygea" src="https://img15.hostingpics.net/pics/938250001analysis.png" /></div>
    <div class="description_analyses_sygea"><b>Les créations</b> <i>Vos œuvres</i>
    <b>Le logiciel</b> <i>Votre texte</i>
    <b>Les bases</b> <i>Les bases de vos œuvres</i>
    <b>Une question</b> [] Oui   [] Non
    <b>Commentaires</b> <i>Votre texte</i>
    </div>
    </div>
    <link href="https://fonts.googleapis.com/css?family=Fjalla+One" rel="stylesheet">[/code]

    <div class="description_services_sygea">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce id luctus neque. Maecenas mattis semper tortor, sed tristique odio porta sit amet. Aenean eget dictum ligula. Etiam ornare, quam a pellentesque sodales, mauris ex sagittis tortor, at vulputate ligula quam id felis. Donec nibh est, convallis in orci sed, tempus molestie mi. Integer sit amet nulla congue, rutrum sapien eu, vehicula enim. Nulla mollis efficitur ex vel condimentum. Morbi maximus congue urna, sed ultricies mauris lobortis id. Duis sapien quam, tincidunt sed molestie non, tempus in sapien. Fusce ante enim, eleifend vitae gravida maximus, porttitor sed risus. Aenean quis velit elit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin luctus tincidunt odio non pulvinar. Sed at velit eget risus mollis rutrum a quis lacus. </div>

    <i>Formulaire en attente</i></div><div style="clear: both;"></div>
    </div>
    <link href="https://fonts.googleapis.com/css?family=Fjalla+One" rel="stylesheet">


    Les créations :
    Code:
    <style>#fond_fiche_sygea {background: #e9e9e9; width: 80%; margin: auto; color: #4f4f4f;} #header_creations_sygea {background: #fafafa; padding: 5%;} #header_creations_sygea h2 {text-align: center; font-family: 'Fjalla One', sans-serif; color: #ffaa2b; font-size: 30px; text-transform: uppercase;} #creations_sygea {margin-top: -10%; position: relative; border-radius: 100px; border: 4px solid #ffaa2b;} .description_creations_sygea {width: 70%; padding: 3%; margin: auto; color: #4f4f4f; font-family: calibri; background: #fafafa;}</style>

    <div id="fond_fiche_sygea"><div id="header_creations_sygea">
    <h2>Commande de créations</h2> <img id="creations_sygea" src="https://img15.hostingpics.net/pics/940716002pantone.png" /></div>
    <div class="description_creations_sygea"><b>Le lien où sera la création</b> <i>Votre forum</i>
    <b>Format et dimensions</b> <i>Votre texte</i>
    <b>Images</b> <i>Liens vers vos images</i>
    <b>Textes</b> <i>Textes à utiliser</i>
    <b>Autres précisions</b> <i>Votre texte</i> </div>
    </div>
    <link href="https://fonts.googleapis.com/css?family=Fjalla+One" rel="stylesheet">


    Les analyses :
    Code:
    <style>#fond_fiche_sygea {background: #e9e9e9; width: 80%; margin: auto; color: #4f4f4f;} #header_analyses_sygea {background: #fafafa; padding: 5%;} #header_analyses_sygea h2 {text-align: center; font-family: 'Fjalla One', sans-serif; color: #0295aa; font-size: 30px; text-transform: uppercase;} #analyses_sygea {margin-top: -10%; position: relative; border-radius: 100px; border: 4px solid #0295aa;} .description_analyses_sygea {width: 70%; padding: 3%; margin: auto; color: #4f4f4f; font-family: calibri; background: #fafafa;}</style>

    <div id="fond_fiche_sygea"><div id="header_analyses_sygea">
    <h2>Demandes d'analyse</h2> <img id="analyses_sygea" src="https://img15.hostingpics.net/pics/938250001analysis.png" /></div>
    <div class="description_analyses_sygea"><b>Les créations</b> <i>Vos œuvres</i>
    <b>Le logiciel</b> <i>Votre texte</i>
    <b>Les bases</b> <i>Les bases de vos œuvres</i>
    <b>Une question</b> [] Oui   [] Non
    <b>Commentaires</b> <i>Votre texte</i>
    </div>
    </div>
    <link href="https://fonts.googleapis.com/css?family=Fjalla+One" rel="stylesheet">
    Contenu sponsorisé




    Message


      La date/heure actuelle est Lun 18 Déc - 21:06