:: Cruel gifted fools :: Dream of the sea :: Carnets
Modèle de carnet de bord
Le Phare
Porteur de lueur
Messages : 124
Messages rp : 30
Modèles de carnets de bord
Vous trouverez ici les modèles pour poster l’entièreté de votre carnet de liens. Tout est disponible en un seul poste pour faciliter la gestion, qu'il s'agisse de vos liens, vos recherches, vos renseignements, etc. Il est obligatoire de poster votre carnet de liens. À vous ensuite d'en organiser la gestion à votre guise !
- Note — En cas de problème avec le code, contactez Ange.
- Code:
<div class="tabs-container fiche-perso">
<div class="tabs-bar c-bd m-padd neutral-b">
<button class="c-bd-accClr tablinks s-padd u-sls-title js_perso-01 defaultOpen">
Carcasse
</button>
<button class="c-bd-accClr tablinks s-padd u-sls-title js_perso-02">
Liens
</button>
<button class="c-bd-accClr tablinks s-padd u-sls-title js_perso-03">
Recherches
</button>
</div>
<div class="c-bd l-padd neutral-b perso-01 tabcontent">
<div class="img-line pres-title">
<img src="https://fakeimg.pl/60/" class="rond-image" />
</div>
<span class="u-sls-title blue">Prénom Nom - Âge - Occupation - alignement</span>
<hr />
<ol>
<li>Texte</li>
<li>Texte</li>
<li>Texte</li>
<li>Texte</li>
<li>Texte</li>
<li>Texte</li>
<li>Texte</li>
<li>Texte</li>
<li>Texte</li>
<li>Texte</li>
</ol>
</div>
<div class="c-bd l-padd neutral-b perso-02 tabcontent">
<b class="u-sls-title blue">Présent</b>
<div class="links-perso"><b><a href="#">www -- titre du rp</a> • Avec/ @pseudo</b>
<b><a href="#">www -- titre du rp</a> • Avec/ @pseudo</b></div>
<b class="u-sls-title blue">Passé</b>
<div class="links-perso"><b><a href="#">www -- titre du rp</a> • Avec/ @pseudo</b>
<b><a href="#">www -- titre du rp</a> • Avec/ @pseudo</b></div>
<b class="u-sls-title blue">Avenir</b>
<div class="links-perso"><b class="clr">À VENIR</b><b> • Avec/ @pseudo</b></div>
<fieldset class="m-padd c-bd"><legend class="u-sls-title blue m-padd">Nom prénom</legend><b>Nature du lien •</b> 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.
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.</fieldset>
<fieldset class="m-padd c-bd"><legend class="u-sls-title blue m-padd">Nom prénom</legend><b>Nature du lien •</b> 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.
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.</fieldset>
</div>
<div class="c-bd l-padd neutral-b perso-03 tabcontent">
<fieldset class="m-padd c-bd"><legend class="u-sls-title blue m-padd">Nom prénom</legend><b>Nature du lien •</b> 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.
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.</fieldset>
<fieldset class="m-padd c-bd"><legend class="u-sls-title blue m-padd">Nom prénom</legend><b>Nature du lien •</b> 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.
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.</fieldset>
<fieldset class="m-padd c-bd"><legend class="u-sls-title blue m-padd">Nom prénom</legend><b>Nature du lien •</b> 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.
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.</fieldset>
</div>
</div>
Vous trouverez également un moodboard totalement facultatif que vous pouvez ajouter à votre carnet.
- Code:
<style>.postbody img {opacity: 1 !important;}</style><div><link rel="stylesheet" type="text/css" href="https://www.aht.li/3359633/moodboard.css"> <section id="photos"> <img src="https://64.media.tumblr.com/ec0001e39ae417af13559c22aea5624e/bffd7ebf11aac39b-9d/s400x600/d89218ae77e4f026f65b77ac808cce02a9d70a0f.png"> <img src="https://64.media.tumblr.com/1d51ce8aedb5c18b133b7acd85707af8/bffd7ebf11aac39b-5d/s400x600/ac77a56ceb9ce929dcae2ef97f052863d0c1b72b.png"> <img src="https://64.media.tumblr.com/6bc56df9dafe10f0e23dae98c70930eb/bffd7ebf11aac39b-bf/s400x600/ad4d87730a34bc53a30367216528ece58165be0d.png"> <img src="https://64.media.tumblr.com/ec0615844adefb38741ebf06e51a939e/86dcbfc85864b67e-80/s400x600/a909ff785a00b7d214df394104c666621a4f39b8.png"> <img src="https://64.media.tumblr.com/3fde81c6ac151ec37ac4295cc080599f/86dcbfc85864b67e-da/s400x600/13efa27aa1c658739d6b884d5271ecb5026381a1.png"> <img src="https://64.media.tumblr.com/6c6e951ca15f6cbe99a0dc06cad946f4/bcdb222d6f53c1fb-ab/s400x600/99d96a0f9265afe93ae08cf73cc5e3cb41a3af19.png"> <img src="https://64.media.tumblr.com/3192903ee782af21ffea2747ce8851bd/bcdb222d6f53c1fb-db/s400x600/7d1354dd29bc032f89ceb836e04c69058a4d0e5d.png"> <img src="https://64.media.tumblr.com/34ccabe2a1ab5ac07da48c00cc16438f/29b5f835def43c43-08/s400x600/7bf0c7a95f936110be47291f40c8fa7ca52a59dc.png"> <img src="https://64.media.tumblr.com/1e51277522745e1b5f273f9661051ff7/29b5f835def43c43-e0/s400x600/13c2484dfbde79bb90fec4db67a811e25bbc5f82.png"> <img src="https://64.media.tumblr.com/cf4dcae9e020584640a7d65ae179ce80/29b5f835def43c43-5c/s400x600/bdbb61e1e596a96687b4ab345de8ede1faf5afc7.png"> <img src="https://64.media.tumblr.com/547fe1c356eded826822ab195f3b8c49/29b5f835def43c43-d6/s400x600/c31adaefeec80c7cbd2079c41088889c20be0352.png"> <img src="https://64.media.tumblr.com/82e2143e14a75d077c23d778bee95355/29b5f835def43c43-e6/s400x600/3b4a6d9ddaa8db80908b1f4ca40df08b6304329a.png"> <img src="https://64.media.tumblr.com/694e87c92b264e618d481c731b29de4e/b7fd757df470081e-f2/s400x600/53370a2305f263f354664fefb07a723fbe8ae1e2.png"> <img src="https://64.media.tumblr.com/9486a3b43a0d637c07e3e31405fb946a/b7fd757df470081e-21/s400x600/fa157cbeac11085db1c17edf28f62e3910d4df44.png"> <img src="https://64.media.tumblr.com/5e52b89da3038a9fc8ddca243b2464b2/2578fd9d391cd1f7-ea/s400x600/9b4cb88ea26303d5208e536ef2d399ea728e9792.png"> </section></div>