Coucou Melle Lena (toujours un plaisir de te croiser sur le forum )

Normalement on ne prend pas trop de demande sans avoir au moins un schéma, pour savoir quelles informations mettre dans quel ordre, s'il faut les afficher sur une ou deux colonnes, etc

Si j'ai bien compris ton message est lié à ce ce sujet ? Si oui, j'ai vu qu'il contient déjà un petit peu plus d'informations, pourrais-tu éditer ton premier message pour rajouter des précisions pour les codeurs ? (si tu rencontres une difficulté à éditer à cause du code, n'hésite pas à nous le dire )

Si tu n'as pas de schéma précis en tête, tu peux aller voir dans les codes en libre service "Fiche de pub" voir s'il y a quelque chose que tu aimes bien en terme de disposition ? On le personnalisera ensuite pour qu'il aille avec le thème de ton forum.
Si tu n'as pas de demande particulière, on peut simplement reprendre l'apparence comme les catégories avec quelque chose comme ça :

Spoiler:

Bon week-end !

Bonjour, Merci

Bonjour, merci

Oups, je n'avais pas vu que tu avais édité ton premier message ^^. N'hésite pas à le dire dans ton message suivant quand tu édites, sinon on ne pense pas toujours à aller voir.

J'ai fait un petit essai, est ce quelque chose comme ça que tu voudrais ? http://codepen.io/nigul/full/qrpJxY/

Par contre, sur fond blanc / très clair, on verra beaucoup moins, voici un exemple : http://codepen.io/nigul/full/xqpyWY/

Coucou Nihil, c'est tout à fait ça. Parfait! Pour le fond, afin de ne pas le laisser blanc, on peut mettre éventuellement un gris très clair, #F2F3FA. Merci beaucoup.

Bonjour merci.

Bonjour Nihil , une rectification qui me semble importante, je pense que laisser le fond blanc et faire un contour gris clair autour du cadre principal, un effet d'ombre, ainsi la fiche s'adapterait aux divers fonds. Je ne sais pas si c'est une bonne suggestion, c'est difficile de se faire une idée. (j'ai cogité ) Bonne journée à tous (es).

Oui, j'hésitais à faire quelque chose comme ça sinon

Si un codeur passe par là, il peut reprendre mon code et l'adapter, sinon je m'en occuperai ce week end pour en faire une fiche utilisable directement sur forum ^^

D'ailleurs est ce que tu préfères un code entier à mettre dans un message ou bien une iframe à mettre dans les messages ? (ou bien ça t'es égal, tu ne connais pas particulièrement chacun des méthodes ^^)

Coucou Nihil, bonne question! , au plus simple au mieux. (donc on fait comme ça pour la fiche, on opte pour un contour ombre), un grand merci à toi. Belle journée à tous (es).

Coucou !

Voilà le résultat:

J'ai mis une ombre plutôt discrète :)





Le code de la fiche :

Code:

<link href="http://www.aht.li/3044929/fiche-gris-rose.css" rel="stylesheet" type="text/css"><link href="https://fonts.googleapis.com/css?family=Covered+By+Your+Grace|Dancing+Script" rel="stylesheet" type="text/css">
<div class="fiche-gris-rose-forum"><span>Titre forum</span></div>
<div class="fiche-gris-rose"><div class="fiche-gris-rose-bloc">
<div class="fiche-gris-rose-titre">Contexte</div>
<div class="fiche-gris-rose-contenu">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nihil voluptates, officia iure perspiciatis fuga quo minus quam commodi maiores, est vel minima eaque, accusamus nostrum pariatur excepturi, magni ad veritatis? ipsum dolor sit amet, consectetur
adipisicing elit. Architecto dolore possimus, ad aut at molestiae vero laboriosam nam dolor sunt cum eius itaque, enim labore beatae officiis, cumque praesentium unde!</div>
</div><div class="fiche-gris-rose-2blocs">
<div class="fiche-gris-rose-bloc">
<div class="fiche-gris-rose-titre">Staff</div>
<div class="fiche-gris-rose-contenu">Lorem ipsum dolor sit amet, consectetur adipisicing elit. voluptates, officia iure perspiciatis fuga quo minus quam commodi maiores, est vel minima eaque, accusamus nostrum pariatur excepturi, magni ad veritatis? ipsum dolor
sit amet, consectetur adipisicing elit. Architecto dolore possimus, ad aut at molestiae vero laboriosam nam dolor sunt cum eius itaque, enim labore beatae officiis, cumque praesentium unde!</div>
</div><div class="fiche-gris-rose-bloc">
<div class="fiche-gris-rose-titre">Statistiques</div>
<div class="fiche-gris-rose-contenu">Lorem ipsum dolor sit amet, consectetur adipisicing elit voluptates, officia iure perspiciatis fuga quo minus quam commodi maiores, est vel minima eaque, accusamus nostrum pariatur excepturi, magni ad veritatis? ipsum dolor
sit amet, consectetur adipisicing elit. Architecto dolore possimus, ad aut at molestiae vero laboriosam nam dolor sunt cum eius itaque, enim labore beatae officiis, cumque praesentium unde!</div>
</div>
</div><div class="fiche-gris-rose-bloc">
<div class="fiche-gris-rose-titre">Rejoins-nous !</div>
<div class="fiche-gris-rose-contenu">
<div align="center"><a href="http://www.never-utopia.com"><img src="http://image.noelshack.com/fichiers/2017/11/1489930052-nu-discord-1.png" alt="Never Utopia" />
http://www.never-utopia.com</a>
</div>
</div></div><div class="fiche-gr-credit">Libre service <a href="http://www.never-utopia.com/">Never Utopia</a></div></div>


Bonjour Nihil, magnifique! C'est exactement ce que je voulais, merci infiniment.