Codage - Formulaires
    Message le Dim 21 Mai - 19:54
    Je suis de retour, pour te jouer un mauvais tour :niar:

       Forum : encore et toujours NMD
       Version : Ce qui te convient le mieux ~
       Taille du forum : 680px o/
       Elément(s) demandé(s) : Un formulaire de commande avec deux variations. T'inquiète, j'ai pas été trop sadique c:
       Maquette : Maquette v1, v2, et la v3
       Description (peut remplacer la maquette ou la compléter) : Comme tu vois, il y a juste le motif dans la boite à gauche qui change, et les couleurs du titre & de son ombre, je te détaille ça sous spoiler c:
    Spoiler:
    Commun à tout les formulaires : Fond gris : #dfdfdf ; Fond contenu : #e6e6e6
    Graphisme : typo #f05c5c ; ombre typo #ffe567 ;
    Autres éléments graphiques : typo #9ed54c ; ombre typo #ffe567 ;
    Analyse & coup de main : typo #ffe567 ; ombre typo #e35b5d ;
       Polices à utiliser : Cookie pour les titres, et Open sans pour le contenu
       Images à utiliser : motif v1, motif v2, motif v3. Ils ont tous été réduits de 50%
       Acceptez-vous que le code finisse en LS ? Ouaip, no problemo
       Mode de rendu : omg le boulet je sais toujours pas La même chose que pour ma précédente commande, ça a super bien marché
       Autre chose à ajouter ? Nope, à part que tu peux prendre tout le temps dont tu as besoin et que je te fais des câlins d'encouragements ♥️ Si ça fait trop de boulots, je peux commander une partie dans une autre boutique ça me gêne pas :D
    avatar

    Feuille de personnage
    Team: Walking Disaster
    Equipiers: Andros & Zelankiel
    Devise: /

    Message le Dim 21 Mai - 19:56
    Un panda ! :D

    J'aime trop ton vava, du coup ça me fait sourire quand je vois tes messages c'cool /PAN/

    Easy t'inquiète, tu es loin d'être exigeante ! Je te donne ça ce soir si tout va bien :)

    EDIT : Vuala \o/






    Graphisme

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse fringilla pharetra mi, non venenatis ipsum fermentum sit amet. Vestibulum tincidunt cursus pretium. Fusce pulvinar ligula ut lacinia mattis. In in nisi tincidunt, aliquet sem vitae, accumsan nibh. Quisque in turpis sed metus sollicitudin consectetur. Sed eu sagittis lacus. Proin cursus orci quis nisi bibendum, non lobortis enim viverra. In faucibus purus ac arcu dictum volutpat. Nunc condimentum velit libero, vitae euismod eros pellentesque a. Morbi mattis lorem vitae tristique lobortis. Duis quam tellus, egestas vitae nulla at, pretium convallis tellus. Duis tempor id augue laoreet pretium. Cras tincidunt sem a lacus convallis euismod. Quisque sed mi lacinia, posuere erat ac, dapibus nibh. Morbi laoreet odio vitae felis interdum interdum. Suspendisse potenti.



    Code:
    <style>#fond_fiche {width: 575px; margin: auto; background: #dfdfdf;} #img_gauche_graphisme {z-index: 1; background: url('https://img4.hostingpics.net/pics/672024Motif1.jpg'); width: 76px; height: 250px; float: left;} .contenu_commande {float: left; width: 499px;} .titre_panda {display: block; margin-top: -40px; font-family: 'Cookie', cursive; text-align: center; color: #f05c5c; font-size: 60px; text-shadow: 1px 1px #ffe567;} .p_panda {height: 150px; overflow: auto; background: #e6e6e6; width: 85%; padding: 2%; font-family: 'Open Sans Condensed', sans-serif; font-size: 14px; left: 30px; position: relative;} </style>

    <link href="https://fonts.googleapis.com/css?family=Cookie|Open+Sans+Condensed:300" rel="stylesheet"><div id="fond_fiche"><div id="img_gauche_graphisme"></div><div class="contenu_commande"><br /><br /><span class="titre_panda">Graphisme</span>

    <div class="p_panda">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse fringilla pharetra mi, non venenatis ipsum fermentum sit amet. Vestibulum tincidunt cursus pretium. Fusce pulvinar ligula ut lacinia mattis. In in nisi tincidunt, aliquet sem vitae, accumsan nibh. Quisque in turpis sed metus sollicitudin consectetur. Sed eu sagittis lacus. Proin cursus orci quis nisi bibendum, non lobortis enim viverra. In faucibus purus ac arcu dictum volutpat. Nunc condimentum velit libero, vitae euismod eros pellentesque a. Morbi mattis lorem vitae tristique lobortis. Duis quam tellus, egestas vitae nulla at, pretium convallis tellus. Duis tempor id augue laoreet pretium. Cras tincidunt sem a lacus convallis euismod. Quisque sed mi lacinia, posuere erat ac, dapibus nibh. Morbi laoreet odio vitae felis interdum interdum. Suspendisse potenti.</div></div>
    <div class="clear"></div></div>






    Autres éléments graphiques

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse fringilla pharetra mi, non venenatis ipsum fermentum sit amet. Vestibulum tincidunt cursus pretium. Fusce pulvinar ligula ut lacinia mattis. In in nisi tincidunt, aliquet sem vitae, accumsan nibh. Quisque in turpis sed metus sollicitudin consectetur. Sed eu sagittis lacus. Proin cursus orci quis nisi bibendum, non lobortis enim viverra. In faucibus purus ac arcu dictum volutpat. Nunc condimentum velit libero, vitae euismod eros pellentesque a. Morbi mattis lorem vitae tristique lobortis. Duis quam tellus, egestas vitae nulla at, pretium convallis tellus. Duis tempor id augue laoreet pretium. Cras tincidunt sem a lacus convallis euismod. Quisque sed mi lacinia, posuere erat ac, dapibus nibh. Morbi laoreet odio vitae felis interdum interdum. Suspendisse potenti.



    Code:
    <style>#fond_fiche {width: 575px; margin: auto; background: #dfdfdf;} #img_gauche_autres {z-index: 1; background: url('https://img4.hostingpics.net/pics/381001motif2.jpg'); width: 76px; height: 250px; float: left;} .contenu_commande {float: left; width: 499px;} .titre_panda_autres {display: block; margin-top: -40px; font-family: 'Cookie', cursive; text-align: center; color: #9ed54c; font-size: 60px; text-shadow: 1px 1px #ffe567;} .p_panda {height: 150px; overflow: auto; background: #e6e6e6; width: 85%; padding: 2%; font-family: 'Open Sans Condensed', sans-serif; font-size: 14px; left: 30px; position: relative;} </style>

    <link href="https://fonts.googleapis.com/css?family=Cookie|Open+Sans+Condensed:300" rel="stylesheet"><div id="fond_fiche"><div id="img_gauche_autres"></div><div class="contenu_commande"><br /><br /><span class="titre_panda_autres">Autres éléments graphiques</span>

    <div class="p_panda">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse fringilla pharetra mi, non venenatis ipsum fermentum sit amet. Vestibulum tincidunt cursus pretium. Fusce pulvinar ligula ut lacinia mattis. In in nisi tincidunt, aliquet sem vitae, accumsan nibh. Quisque in turpis sed metus sollicitudin consectetur. Sed eu sagittis lacus. Proin cursus orci quis nisi bibendum, non lobortis enim viverra. In faucibus purus ac arcu dictum volutpat. Nunc condimentum velit libero, vitae euismod eros pellentesque a. Morbi mattis lorem vitae tristique lobortis. Duis quam tellus, egestas vitae nulla at, pretium convallis tellus. Duis tempor id augue laoreet pretium. Cras tincidunt sem a lacus convallis euismod. Quisque sed mi lacinia, posuere erat ac, dapibus nibh. Morbi laoreet odio vitae felis interdum interdum. Suspendisse potenti.</div></div>
    <div class="clear"></div></div>






    Coup de main & Analyses

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse fringilla pharetra mi, non venenatis ipsum fermentum sit amet. Vestibulum tincidunt cursus pretium. Fusce pulvinar ligula ut lacinia mattis. In in nisi tincidunt, aliquet sem vitae, accumsan nibh. Quisque in turpis sed metus sollicitudin consectetur. Sed eu sagittis lacus. Proin cursus orci quis nisi bibendum, non lobortis enim viverra. In faucibus purus ac arcu dictum volutpat. Nunc condimentum velit libero, vitae euismod eros pellentesque a. Morbi mattis lorem vitae tristique lobortis. Duis quam tellus, egestas vitae nulla at, pretium convallis tellus. Duis tempor id augue laoreet pretium. Cras tincidunt sem a lacus convallis euismod. Quisque sed mi lacinia, posuere erat ac, dapibus nibh. Morbi laoreet odio vitae felis interdum interdum. Suspendisse potenti.



    Code:
    <style>#fond_fiche {width: 575px; margin: auto; background: #dfdfdf;} #img_gauche_analyses {z-index: 1; background: url('https://img4.hostingpics.net/pics/763101motif3.jpg'); width: 76px; height: 250px; float: left;} .contenu_commande {float: left; width: 499px;} .titre_panda_analyses {display: block; margin-top: -40px; font-family: 'Cookie', cursive; text-align: center; color: #ffe567; font-size: 60px; text-shadow: 1px 1px #e35b5d;} .p_panda {height: 150px; overflow: auto; background: #e6e6e6; width: 85%; padding: 2%; font-family: 'Open Sans Condensed', sans-serif; font-size: 14px; left: 30px; position: relative;} </style>

    <link href="https://fonts.googleapis.com/css?family=Cookie|Open+Sans+Condensed:300" rel="stylesheet"><div id="fond_fiche"><div id="img_gauche_analyses"></div><div class="contenu_commande"><br /><br /><span class="titre_panda_analyses">Coup de main & Analyses</span>

    <div class="p_panda">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse fringilla pharetra mi, non venenatis ipsum fermentum sit amet. Vestibulum tincidunt cursus pretium. Fusce pulvinar ligula ut lacinia mattis. In in nisi tincidunt, aliquet sem vitae, accumsan nibh. Quisque in turpis sed metus sollicitudin consectetur. Sed eu sagittis lacus. Proin cursus orci quis nisi bibendum, non lobortis enim viverra. In faucibus purus ac arcu dictum volutpat. Nunc condimentum velit libero, vitae euismod eros pellentesque a. Morbi mattis lorem vitae tristique lobortis. Duis quam tellus, egestas vitae nulla at, pretium convallis tellus. Duis tempor id augue laoreet pretium. Cras tincidunt sem a lacus convallis euismod. Quisque sed mi lacinia, posuere erat ac, dapibus nibh. Morbi laoreet odio vitae felis interdum interdum. Suspendisse potenti.</div></div>
    <div class="clear"></div></div>





    Message le Dim 21 Mai - 21:04
    Wow, t'as géré, ils sont nickels \o/ Et à la vitesse de Sonic en plus :kyaaa:
    C'est le pouvoir du panda roux ça ♥️

    Merci merci merci c: Je les utilise dès que le texte des formulaires est prêt ~





    avatar

    Feuille de personnage
    Team: Walking Disaster
    Equipiers: Andros & Zelankiel
    Devise: /

    Message le Dim 21 Mai - 21:32
    J'aime tes références, c'pour ça 8D Entre la team rocket et Sonic ... la classe !

    Si tout est bon je verrouille alors :3 N'hésites pas à repasser :D







      La date/heure actuelle est Jeu 19 Oct - 22:02