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

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 !

En plus ton vava il est juste trop chou

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

Hehehe, merci c:

Lun 15 Mai - 23:17

Quelque chose comme ça ?

Mar 16 Mai - 17:11

Omg c'est parfait
Merci beaucoup c'est sublime ;-;

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

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 ♥

Mar 16 Mai - 18:49

No soucis, n'hésites pas :)