Le Deal du moment :
Manga Chainsaw Man : où acheter le Tome 17 ...
Voir le deal
19.99 €

Partagez

Journal de bord ; fonctionnement et modèle

Noïa
Korogu à maracas - Compte fondateur
Noïa
Inventaire : c'est vide ici !
Messages : 49
Rubis : 110
Date d'inscription : 20/12/2018
(#) Sujet: Journal de bord ; fonctionnement et modèle Mar 12 Mar - 3:23

Journal ; fonctions, modèle

Inscrire dans l'éternel ses récits

Au fil du temps, vous pourrez tenir un journal de bord où vous consignerez vos rencontres et vos rps. L'ouverture de ce journal n'est pas obligatoire, même s'il vous facilitera la vie (savoir où vous en êtes, la chronologie des événements, etc). Pour en créer un, ouvrez simplement un nouveau topic dans cette section (le titre n'a pas d'importance). Si vous disposez d'un autre modèle, n'hésitez pas à l'utiliser. Bonne route !

Codage proposé

Spoiler:

Code:
<div class="shipper-wrap"><div class="shipper"><!--
--><img src="http://via.placeholder.com/200x320" class="shipper-img"><!--
--><div><h2>Prénom</h2><!--
--><h3>Info 1 - info 2 - info 3 - info 4</h3><!--
--><p>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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p><!--
--><div class="shipper-links"><a href="#"><i class="far fa-address-card"></i> fiche</a><a href="#"><i class="fas fa-pencil-alt"></i> recherche rp</a><a href="#"><i class="far fa-envelope"></i> message</a></div></div><!--
--><h2 class="looking">Liens recherchés</h2><!--
--><div class="shipper-look"><label>Type de lien</label>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.</div><!----><div class="shipper-look"><label>Type de lien</label>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.</div><!--
--><div class="shipper-look"><label>Type de lien</label>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.</div><h2 class="looking">Aventures en Hyrule</h2><!--
--><div class="shipper-look"><label>Nom du rp</label>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.</div><!--
--><div class="shipper-look"><label>Nom du rp</label>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.</div><!--
--><div class="shipper-look"><label>Nom du rp</label>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.</div></div><div class="shipper-credit"><a href="http://terrible.forumactif.org/" target="_blank">AWFUL</a></div></div>



<div class="shipper-wrap item-wrap"><div class="shipper item"><img src="http://via.placeholder.com/100x160"><div><h3>Prénom</h3><label>Relation</label><p>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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p></div></div></div>

Pour ajouter une nouvelle relation, copiez/collez ce morceau de code à la suite :

Code:
<div class="shipper-wrap item-wrap"><div class="shipper item"><img src="http://via.placeholder.com/100x160"><div><h3>Prénom</h3><label>Relation</label><p>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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p></div></div></div>
Journal de bord ; fonctionnement et modèle
Voir le sujet précédent Voir le sujet suivant Revenir en haut
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
The Legend of Zelda : Lost Twinkle :: Revêtir sa tenue verte :: Fontaine de Grande Fée :: Journaux de bord-
Sauter vers: