le modèle de fiche de liens

24.06.24 17:22

Votre équipe administrative

Vous trouverez ci-dessous le modèle de fiche de liens qui est mis à votre disposition. À savoir qu'il est facultatif, vous pouvez bien sûr utiliser un autre modèle. Nous vous demandons cependant de mettre dans la description de votre sujet ceci : ÂGE, MÉTIER, QUARTIER D'HABITATION, afin de permettre à tous de s'y retrouver.

Code:: <center><div style="width: 500px;">  <div class="catfond" style="width: 100%;"> <div style="color: var(--white); font-size: 20px; font-weight: 700; margin-top: -30px;">Prenom Nom</div></div> <div style="display: flex; width: 100%; justify-content: space-around;"> <img src="https://64.media.tumblr.com/a70a4760e3744b2d6080e32bef229b0e/f171180fe52ae92d-5e/s500x750/ed713dc7c32c1b9bfbc4d8a5be0dc93424a0c3db.gif" style="width: 200px;"> <div style="width: 250px; height: 320px; background: var(--wfond); border: var(--bordpink); padding: 10px; text-align: left; overflow-y: auto;"> <span class="field_label">Identité</span> - écrire ici<br /> <span class="field_label">Naissance</span> - écrire ici<br /> <span class="field_label">Origines/Nationalité</span> - écrire ici<br /> <span class="field_label">Emploi/Etudes</span> - écrire ici<br /> <span class="field_label">Statut Civil</span> - écrire ici<br /> <span class="field_label">Orientation</span> - écrire ici<br /> <span class="field_label">Chicago depuis</span> - écrire ici<br /> <span class="field_label">Caractère</span> - écrire ici<br /> <span class="field_label">Avatar</span> - écrire ici<br /> <span class="field_label">Crédits</span> - écrire ici.<br /> </div> </div> <div style="background: var(--grad); width: 100%; color: var(--pink); text-align: center; font-weight: 700; font-size: 16px; padding: 10px 0;">Liens recherchés</div> <div style="width: 100%; text-align: justify; font-size: 16px;"><span class="field_label">Type de lien</span> <i>m/f/nb</i> | Description courte ici<br /><span class="field_label">Type de lien</span> <i>m/f/nb</i> | Description courte ici<br /><span class="field_label">Type de lien</span> <i>m/f/nb</i> | Description courte ici<br /><span class="field_label">Type de lien</span> <i>m/f/nb</i> | Description courte ici<br /><span class="field_label">Type de lien</span> <i>m/f/nb</i> | Description courte ici </div><div style="background: var(--grad); width: 100%; color: var(--pink); text-align: center; font-weight: 700; font-size: 16px; padding: 10px 0; margin-top: 10px;">RPs</div><div style="background: var(--wfond); border: var(--bordpink); padding: 10px; width: 100%; font-size: 16px; text-align: center; margin-top: 5px; margin-bottom: 5px;"><center><span class="field_label">En cours</span></center> <a href="LIEN" style="text-transform: uppercase;">Titre du rp</a> <i>ft. Pseudo</i><br /><a href="LIEN" style="text-transform: uppercase;">Titre du rp</a> <i>ft. Pseudo</i><br /><a href="LIEN" style="text-transform: uppercase;">Titre du rp</a> <i>ft. Pseudo</i><br /><a href="LIEN" style="text-transform: uppercase;">Titre du rp</a> <i>ft. Pseudo</i><br /> <center><span class="field_label">Terminés</span></center> <a href="LIEN" style="text-transform: uppercase;">Titre du rp</a> <i>ft. Pseudo</i><br /><a href="LIEN" style="text-transform: uppercase;">Titre du rp</a> <i>ft. Pseudo</i><br /><a href="LIEN" style="text-transform: uppercase;">Titre du rp</a> <i>ft. Pseudo</i><br /><a href="LIEN" style="text-transform: uppercase;">Titre du rp</a> <i>ft. Pseudo</i></div><div style="display: flex; width: 100%; height: 150px; margin-left: -10px;"></div></div></center>

Prenom Nom

Identité - écrire ici

Naissance - écrire ici

Origines/Nationalité - écrire ici

Emploi/Etudes - écrire ici

Statut Civil - écrire ici

Orientation - écrire ici

Chicago depuis - écrire ici

Caractère - écrire ici

Avatar - écrire ici

Crédits - écrire ici.

Liens recherchés

RPs

En cours
Titre du rp ft. Pseudo
Titre du rp ft. Pseudo
Titre du rp ft. Pseudo
Titre du rp ft. Pseudo

Terminés
Titre du rp ft. Pseudo
Titre du rp ft. Pseudo
Titre du rp ft. Pseudo
Titre du rp ft. Pseudo

29.06.24 7:52

IT'S BLOOK/THOSE I LIKE/IT'S COMPLICATED

Prénom Nom | type de lien
Description du lien ici. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Code:: <center><div style="width: 500px;">  <div class="catfond" style="width: 100%;"> <div style="color: var(--white); font-size: 20px; font-weight: 700; margin-top: -30px;">IT'S BLOOK/THOSE I LIKE/IT'S COMPLICATED</div></div> <div style="display: flex; width: 100%; height: 150px; margin-left: -10px;"> <div style="background: var(--wfond); border: var(--bordpink); padding: 10px; height: 150px; flex: 1; width: 300px; overflow-y: auto; font-size: 16px; text-align: justify; margin-left: -10px;"><center><span class="field_label">Prénom Nom</span> | <i>type de lien</i></center><br />Description du lien ici. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. </div> <img src="https://i.pinimg.com/736x/44/d3/1f/44d31f20c8c921cc7709309b75ccc2ff.jpg" style="width: 150px; height: 150px;"> </div> <div style="display: flex; width: 100%; height: 150px; margin-left: -10px;"> <div style="background: var(--wfond); border: var(--bordpink); padding: 10px; height: 150px; flex: 1; width: 300px; overflow-y: auto; font-size: 16px; text-align: justify; margin-left: -10px;"><center><span class="field_label">Prénom Nom</span> | <i>type de lien</i></center><br />Description du lien ici. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. </div> <img src="https://i.pinimg.com/736x/44/d3/1f/44d31f20c8c921cc7709309b75ccc2ff.jpg" style="width: 150px; height: 150px;"> </div> <div style="display: flex; width: 100%; height: 150px; margin-left: -10px;"> <div style="background: var(--wfond); border: var(--bordpink); padding: 10px; height: 150px; flex: 1; width: 300px; overflow-y: auto; font-size: 16px; text-align: justify; margin-left: -10px;"><center><span class="field_label">Prénom Nom</span> | <i>type de lien</i></center><br />Description du lien ici. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. </div> <img src="https://i.pinimg.com/736x/44/d3/1f/44d31f20c8c921cc7709309b75ccc2ff.jpg" style="width: 150px; height: 150px;"> </div> <div style="display: flex; width: 100%; height: 150px; margin-left: -10px;"> <div style="background: var(--wfond); border: var(--bordpink); padding: 10px; height: 150px; flex: 1; width: 300px; overflow-y: auto; font-size: 16px; text-align: justify; margin-left: -10px;"><center><span class="field_label">Prénom Nom</span> | <i>type de lien</i></center><br />Description du lien ici. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. </div> <img src="https://i.pinimg.com/736x/44/d3/1f/44d31f20c8c921cc7709309b75ccc2ff.jpg" style="width: 150px; height: 150px;"> </div> <div style="display: flex; width: 100%; height: 150px; margin-left: -10px;"> <div style="background: var(--wfond); border: var(--bordpink); padding: 10px; height: 150px; flex: 1; width: 300px; overflow-y: auto; font-size: 16px; text-align: justify; margin-left: -10px;"><center><span class="field_label">Prénom Nom</span> | <i>type de lien</i></center><br />Description du lien ici. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. </div> <img src="https://i.pinimg.com/736x/44/d3/1f/44d31f20c8c921cc7709309b75ccc2ff.jpg" style="width: 150px; height: 150px;"> </div> </div></center>

Code:: <center> <div id="columness" style="margin-left: -5px;"><div class="mood"><img src="https://i.pinimg.com/564x/bb/0e/fc/bb0efca1ad08f05e05a1f29a2e4502fa.jpg" /></div> <div class="mood"><img src="https://i.pinimg.com/564x/53/b9/0b/53b90b3aef262f85aab10285a70284da.jpg" /></div> <div class="mood"><img src="https://i.pinimg.com/564x/03/a3/c8/03a3c84f7c082eb07cea817badb8bf41.jpg" /></div> <div class="mood"><img src="https://i.pinimg.com/564x/9c/25/10/9c25105899f4a22021caafbfa9b14a7b.jpg" /></div> <div class="mood"><img src="https://i.pinimg.com/564x/34/05/8b/34058b2d82a46f834b73c6084a70383a.jpg" /></div> <div class="mood"><img src="https://i.pinimg.com/564x/71/4c/33/714c33fcf973a3989d722b541a62a2e5.jpg" /></div> <div class="mood"><img src="https://i.pinimg.com/564x/5e/92/56/5e9256f6dbdf8e16367912871c6a80d7.jpg" /></div> <div class="mood"><img src="https://i.pinimg.com/564x/d4/a8/1c/d4a81c4f17abdd8bb91e0001d659b136.jpg" /></div> <div class="mood"><img src="https://i.pinimg.com/564x/37/06/77/3706770845d310d960dc667c2c51862f.jpg" /></div> <div class="mood"><img src="https://i.pinimg.com/564x/2c/e8/88/2ce888633269ad06e41ec59d4c19a359.jpg" /></div> <div class="mood"><img src="https://i.pinimg.com/564x/5e/c4/e5/5ec4e52cbeee54bf24ad0688805ae233.jpg" /></div> <div class="mood"><img src="https://i.pinimg.com/564x/b9/29/0a/b9290a9fb1b066ed1c41504d0a91d951.jpg" /></div></div></center>