+

    Commande - Accueil de boutique

    le Dim 14 Mai - 17:59

  • Forum : NMD
       Version : Ce qui est le plus facile pour toi o/ car je connais pas du tout la différence
       Taille du forum : 680px apparement
       Elément(s) demandé(s) : Un accueil pour une future boutique, qui servira de règlement & de FAQ
       Maquette : Voilà la bête, elle fait 575px de large et 750px de haut
       Couleurs  : Les codes couleurs → Fond gris : #dfdfdf ; Fond contenu : #e6e6e6 ; Titres turquoises : #41b5aa ; Ombre titres : #ffc21a ; Contour avatar (3px) : #ffc219 ; Typo contenu : #585858
       Polices à utiliser : Cookie pour les titres Open sans pour le contenu.
       Images à utiliser : le motif qui est rétréci à 50% sur la maquette, Avatar, Icône esquimo
       Acceptez-vous que le code finisse en LS ? Si tu veux, j'ai plein de motifs en stock si jamais tu veux le changer o/
       Mode de rendu : UUuuuuuuuuh é_è J'avoue j'ai pas compris la question, pas taper  :bigbad: Ce sera probablement à côté de la plaque, mais je compte l'utiliser seul dans un sujet, avec peut-être des formulaires à la suite ou dans un autre post sur le même topic si ça change quoi que ce soit.
       Autre chose à ajouter ? Les tailles des titres que j'ai pas précisées sur la maquette → Panda's Café : 60px ; Le menu : 48px ; Titres catégories : 36px
    Hésite pas à adapter les couleurs un peu s'il te faut, mais je préférerais que les titres soient de la couleur du fond du motif c:

    Si jamais tu accepte cette commande, merci beaucoup ♥ Prends ton temps, c'est pas pressé du tout c:

    le Dim 14 Mai - 19:48

  • Je t'aime ♥

    Merci, c'est la commande la plus complète que j'ai eu, tu me fais gagner un temps fou (tant pour les tailles, les codes couleur, les images que les liens vers les polices).

    J'te fais ça p'tit Panda ! :fire:

    En plus ton vava il est juste trop chou




    Viens dans ma boutique, c'est fantastique ! ▬ Rainy Pumpkins

    le Lun 15 Mai - 16:39

  • Je t'en ai mis le plus possible vu que je savais pas trop ce dont t'aurais besoin, contente que ça t'aide à ce point :lovely:

    Hehehe, merci c:

    le Lun 15 Mai - 23:17

  • Quelque chose comme ça ?





    Panda's Café

    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.




    Menu
    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.


    Créations 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.


    Autres types de projets 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.


    Analyse & Coup de main

    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.





    Viens dans ma boutique, c'est fantastique ! ▬ Rainy Pumpkins

    le Mar 16 Mai - 17:11

  • Omg c'est parfait :kyaaa:
    Merci beaucoup c'est sublime ;-;

    le Mar 16 Mai - 17:31

  • Ah bah nickel XD

    Voila le code :P

    Code:
    <style>#fond_fiche {width: 575px; margin: auto; background: #dfdfdf;} #img_gauche {z-index: 1; background: url('https://img15.hostingpics.net/pics/313178Sanstitre1.png'); width: 40px; height: 910px; float: left;} .titre_panda {font-family: 'Cookie', cursive; text-align: center; color: #41b5aa; font-size: 60px; text-shadow: 1px 1px #ffc21a; display: block;} .panda_img {position: relative; float: left; margin-left: -20px; border-radius: 100px; border: 3px solid #ffc219; z-index: 2;} .fond_intro {height: 100px; overflow: auto; margin-left: 10px; background: #e6e6e6; width: 65%; padding: 2%; float: left; font-family: 'Open Sans Condensed', sans-serif; font-size: 14px; margin-bottom: 50px;} .p_panda {height: 80px; overflow: auto; background: #e6e6e6; width: 85%; padding: 2%; font-family: 'Open Sans Condensed', sans-serif; font-size: 14px; left: 30px; position: relative;} .esquimau {float: left; margin-left: 10px; position: relative; z-index: 2;} .titre_menu_panda {position: relative; font-family: 'Cookie', cursive; text-align: center; color: #41b5aa; font-size: 36px; display: block; z-index: 2;} .top_text {z-index: 1; top:-18px;}</style>

    <link href="https://fonts.googleapis.com/css?family=Cookie|Open+Sans+Condensed:300" rel="stylesheet"><div id="fond_fiche"><div id="img_gauche"></div><div style="width: 535px;"><br /><br /><span class="titre_panda">Panda's Café</span>

    <img class="panda_img" src="https://img15.hostingpics.net/pics/6584891494775990avatar.jpg"> <div class="fond_intro">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>
    <br /><br />
    <span class="titre_panda" style="font-size: 48px;">Menu</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>

    <img src="http://image.noelshack.com/fichiers/2017/19/1494776634-icecream.png" class="esquimau"> <span class="titre_menu_panda">Créations graphiques</span>
    <div class="p_panda top_text"><br />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>

    <img src="http://image.noelshack.com/fichiers/2017/19/1494776634-icecream.png" class="esquimau"> <span class="titre_menu_panda">Autres types de projets graphiques</span>
    <div class="p_panda top_text"><br />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>

    <img src="http://image.noelshack.com/fichiers/2017/19/1494776634-icecream.png" class="esquimau"> <span class="titre_menu_panda">Analyse & Coup de main</span>
    <div class="p_panda top_text"><br />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>

    Tu me dis si tu n'arrives pas à modifier quelque chose :)




    Viens dans ma boutique, c'est fantastique ! ▬ Rainy Pumpkins

    le Mar 16 Mai - 18:13

  • Je te dirai si j'ai des soucis quand la boutique sera ouverte, mais ça devrait aller \o/
    Il se peut fortement que je revienne bientôt te demander un coup de main pour d'autres petits codes, quand j'aurais fait des maquettes décentes uhu, mais rien de compliqué comme celui-là c:

    Merci encore c'est trop magnifique ♥



    le Mar 16 Mai - 18:49

  • No soucis, n'hésites pas :)




    Viens dans ma boutique, c'est fantastique ! ▬ Rainy Pumpkins

      La date/heure actuelle est Mer 28 Juin - 9:08