Libre service de carnets d'aventures

02/01/2022

Carnets

Posséder un carnet d'aventure est aussi utile que de posséder un agenda. En effet, cela vous permet de noter les informations essentielles de votre personnage, son inventaire, les jeux que vous possédez et tant d'autres choses !

Vous trouverez ci-dessous des exemples type de carnets d'aventures que vous pourrez utiliser sur Hexion. Libre à vous cependant d'amener le vôtre. Attention cependant à ce qu'il ne jure pas avec l'ambiance du forum, l'administration se réservera toujours le droit de valider ou non un type de carnet d'aventures.

NC

02/01/2022

Titre ici

Détail
Détail
Détail
Détail

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vitae nunc sed est tempor scelerisque a sed velit. In quis odio mauris. Vestibulum porttitor, tellus ut pellentesque convallis, metus ante viverra ex, vel faucibus sapien lorem a leo. Vestibulum eget porttitor sapien. Aenean dolor risus, dignissim eget posuere et, mattis id justo. Duis diam sem, semper id lobortis maximus, efficitur nec ipsum. Quisque iaculis at dui vitae molestie. Donec fermentum sit amet leo non auctor

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vitae nunc sed est tempor scelerisque a sed velit. In quis odio mauris. Vestibulum porttitor, tellus ut pellentesque convallis, metus ante viverra ex, vel faucibus sapien lorem a leo. Vestibulum eget porttitor sapien. Aenean dolor risus, dignissim eget posuere et, mattis id justo. Duis diam sem, semper id lobortis maximus, efficitur nec ipsum. Quisque iaculis at dui vitae molestie. Donec fermentum sit amet leo non auctor

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vitae nunc sed est tempor scelerisque a sed velit. In quis odio mauris. Vestibulum porttitor, tellus ut pellentesque convallis, metus ante viverra ex, vel faucibus sapien lorem a leo. Vestibulum eget porttitor sapien. Aenean dolor risus, dignissim eget posuere et, mattis id justo. Duis diam sem, semper id lobortis maximus, efficitur nec ipsum. Quisque iaculis at dui vitae molestie. Donec fermentum sit amet leo non auctor

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vitae nunc sed est tempor scelerisque a sed velit. In quis odio mauris. Vestibulum porttitor, tellus ut pellentesque convallis, metus ante viverra ex, vel faucibus sapien lorem a leo. Vestibulum eget porttitor sapien. Aenean dolor risus, dignissim eget posuere et, mattis id justo. Duis diam sem, semper id lobortis maximus, efficitur nec ipsum. Quisque iaculis at dui vitae molestie. Donec fermentum sit amet leo non auctor

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vitae nunc sed est tempor scelerisque a sed velit. In quis odio mauris. Vestibulum porttitor, tellus ut pellentesque convallis, metus ante viverra ex, vel faucibus sapien lorem a leo. Vestibulum eget porttitor sapien. Aenean dolor risus, dignissim eget posuere et, mattis id justo. Duis diam sem, semper id lobortis maximus, efficitur nec ipsum. Quisque iaculis at dui vitae molestie. Donec fermentum sit amet leo non auctor

Titre ici

Nom catégorie

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vitae nunc sed est tempor scelerisque a sed velit. In quis odio mauris. Vestibulum porttitor, tellus ut pellentesque convallis, metus ante viverra ex, vel faucibus sapien lorem a leo. Vestibulum eget porttitor sapien. Aenean dolor risus, dignissim eget posuere et, mattis id justo. Duis diam sem, semper id lobortis maximus, efficitur nec ipsum. Quisque iaculis at dui vitae molestie. Donec fermentum sit amet leo non auctor

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vitae nunc sed est tempor scelerisque a sed velit. In quis odio mauris. Vestibulum porttitor, tellus ut pellentesque convallis, metus ante viverra ex, vel faucibus sapien lorem a leo. Vestibulum eget porttitor sapien. Aenean dolor risus, dignissim eget posuere et, mattis id justo. Duis diam sem, semper id lobortis maximus, efficitur nec ipsum. Quisque iaculis at dui vitae molestie. Donec fermentum sit amet leo non auctor.

Nom catégorie

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vitae nunc sed est tempor scelerisque a sed velit. In quis odio mauris. Vestibulum porttitor, tellus ut pellentesque convallis, metus ante viverra ex, vel faucibus sapien lorem a leo. Vestibulum eget porttitor sapien. Aenean dolor risus, dignissim eget posuere et, mattis id justo. Duis diam sem, semper id lobortis maximus, efficitur nec ipsum. Quisque iaculis at dui vitae molestie. Donec fermentum sit amet leo non auctor

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vitae nunc sed est tempor scelerisque a sed velit. In quis odio mauris. Vestibulum porttitor, tellus ut pellentesque convallis, metus ante viverra ex, vel faucibus sapien lorem a leo. Vestibulum eget porttitor sapien. Aenean dolor risus, dignissim eget posuere et, mattis id justo. Duis diam sem, semper id lobortis maximus, efficitur nec ipsum. Quisque iaculis at dui vitae molestie. Donec fermentum sit amet leo non auctor

Titre ici

Nom catégorie

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vitae nunc sed est tempor scelerisque a sed velit. In quis odio mauris. Vestibulum porttitor, tellus ut pellentesque convallis, metus ante viverra ex, vel faucibus sapien lorem a leo. Vestibulum eget porttitor sapien. Aenean dolor risus, dignissim eget posuere et, mattis id justo. Duis diam sem, semper id lobortis maximus, efficitur nec ipsum. Quisque iaculis at dui vitae molestie. Donec fermentum sit amet leo non auctor

Nom catégorie

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vitae nunc sed est tempor scelerisque a sed velit. In quis odio mauris. Vestibulum porttitor, tellus ut pellentesque convallis, metus ante viverra ex, vel faucibus sapien lorem a leo. Vestibulum eget porttitor sapien. Aenean dolor risus, dignissim eget posuere et, mattis id justo. Duis diam sem, semper id lobortis maximus, efficitur nec ipsum. Quisque iaculis at dui vitae molestie. Donec fermentum sit amet leo non auctor

Nom catégorie

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vitae nunc sed est tempor scelerisque a sed velit. In quis odio mauris. Vestibulum porttitor, tellus ut pellentesque convallis, metus ante viverra ex, vel faucibus sapien lorem a leo. Vestibulum eget porttitor sapien. Aenean dolor risus, dignissim eget posuere et, mattis id justo. Duis diam sem, semper id lobortis maximus, efficitur nec ipsum. Quisque iaculis at dui vitae molestie. Donec fermentum sit amet leo non auctor

Titre ici

Nom catégorie

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vitae nunc sed est tempor scelerisque a sed velit. In quis odio mauris. Vestibulum porttitor, tellus ut pellentesque convallis, metus ante viverra ex, vel faucibus sapien lorem a leo. Vestibulum eget porttitor sapien. Aenean dolor risus, dignissim eget posuere et, mattis id justo. Duis diam sem, semper id lobortis maximus, efficitur nec ipsum. Quisque iaculis at dui vitae molestie. Donec fermentum sit amet leo non auctor.

Nom catégorie

Cras viverra enim vehicula nunc condimentum, in aliquam nisi porttitor. Vestibulum turpis metus, semper ut cursus ac, feugiat aliquam est. Vivamus et ante massa. Fusce dignissim hendrerit vestibulum. Donec dui ex, facilisis eu neque ac, posuere malesuada ex. In ultrices arcu sit amet ipsum mattis, at tincidunt urna mattis. Maecenas at tortor nec felis facilisis congue ut et metus.

Titre ici

Nom catégorie

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vitae nunc sed est tempor scelerisque a sed velit. In quis odio mauris. Vestibulum porttitor, tellus ut pellentesque convallis, metus ante viverra ex, vel faucibus sapien lorem a leo. Vestibulum eget porttitor sapien. Aenean dolor risus, dignissim eget posuere et, mattis id justo. Duis diam sem, semper id lobortis maximus, efficitur nec ipsum. Quisque iaculis at dui vitae molestie. Donec fermentum sit amet leo non auctor.

Nom catégorie

Aliquam erat volutpat. Mauris eu accumsan dui. Aenean volutpat aliquam turpis, tincidunt consectetur justo porta eu. Nunc at tempus quam. Praesent facilisis eleifend massa sed euismod. In eget scelerisque dui. Nullam semper lobortis leo, ut sagittis nisi tempor ut. Aenean tempus mollis lacus, id rutrum lacus pellentesque non. Praesent tellus sapien, posuere egestas diam nec, convallis sodales leo. Curabitur id ornare ipsum. Fusce velit turpis, vestibulum in mattis mattis, maximus ut metus.

NC

Voici quelques informations utiles et le code :

☉ Les images des catégories sont en 100*100.
☉ Les images situées en fond, sont en 399*580.

Code:: <div class="darkthoughts"> <input id="dt1" name="darkthoughts" type="radio" checked/> <input id="dt2" name="darkthoughts" type="radio"/> <input id="dt3" name="darkthoughts" type="radio"/> <input id="dt4" name="darkthoughts" type="radio"/> <input id="dt5" name="darkthoughts" type="radio"/> <div class="dtleft"> <label for="dt1"> <a title="Nom ici"><img src="https://i.ibb.co/Qp0fqQc/images-fiche-relation.jpg"/></a> </label> <label for="dt2"> <a title="Nom ici"><img src="https://i.ibb.co/Qp0fqQc/images-fiche-relation.jpg"/></a> </label> <label for="dt3"> <a title="Nom ici"><img src="https://i.ibb.co/Qp0fqQc/images-fiche-relation.jpg"/></a> </label> <label for="dt4"> <a title="Nom ici"><img src="https://i.ibb.co/Qp0fqQc/images-fiche-relation.jpg"/></a> </label> <label for="dt5"> <a title="Nom ici"><img src="https://i.ibb.co/Qp0fqQc/images-fiche-relation.jpg"/></a> </label> </div> <div class="dtright"> <div class="dtcont dtc1"> <div class="dtheader"> <strong>Titre ici</strong> <span> <em>Détail</em> <em>Détail</em> <em>Détail</em> <em>Détail</em> </span> </div> <div class="dttext">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vitae nunc sed est tempor scelerisque a sed velit. In quis odio mauris. Vestibulum porttitor, tellus ut pellentesque convallis, metus ante viverra ex, vel faucibus sapien lorem a leo. Vestibulum eget porttitor sapien. Aenean dolor risus, dignissim eget posuere et, mattis id justo. Duis diam sem, semper id lobortis maximus, efficitur nec ipsum. Quisque iaculis at dui vitae molestie. Donec fermentum sit amet leo non auctor Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vitae nunc sed est tempor scelerisque a sed velit. In quis odio mauris. Vestibulum porttitor, tellus ut pellentesque convallis, metus ante viverra ex, vel faucibus sapien lorem a leo. Vestibulum eget porttitor sapien. Aenean dolor risus, dignissim eget posuere et, mattis id justo. Duis diam sem, semper id lobortis maximus, efficitur nec ipsum. Quisque iaculis at dui vitae molestie. Donec fermentum sit amet leo non auctor Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vitae nunc sed est tempor scelerisque a sed velit. In quis odio mauris. Vestibulum porttitor, tellus ut pellentesque convallis, metus ante viverra ex, vel faucibus sapien lorem a leo. Vestibulum eget porttitor sapien. Aenean dolor risus, dignissim eget posuere et, mattis id justo. Duis diam sem, semper id lobortis maximus, efficitur nec ipsum. Quisque iaculis at dui vitae molestie. Donec fermentum sit amet leo non auctor Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vitae nunc sed est tempor scelerisque a sed velit. In quis odio mauris. Vestibulum porttitor, tellus ut pellentesque convallis, metus ante viverra ex, vel faucibus sapien lorem a leo. Vestibulum eget porttitor sapien. Aenean dolor risus, dignissim eget posuere et, mattis id justo. Duis diam sem, semper id lobortis maximus, efficitur nec ipsum. Quisque iaculis at dui vitae molestie. Donec fermentum sit amet leo non auctor Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vitae nunc sed est tempor scelerisque a sed velit. In quis odio mauris. Vestibulum porttitor, tellus ut pellentesque convallis, metus ante viverra ex, vel faucibus sapien lorem a leo. Vestibulum eget porttitor sapien. Aenean dolor risus, dignissim eget posuere et, mattis id justo. Duis diam sem, semper id lobortis maximus, efficitur nec ipsum. Quisque iaculis at dui vitae molestie. Donec fermentum sit amet leo non auctor </div> </div> <div class="dtcont dtc2"> <div class="dtheader"> <strong>Titre ici</strong> <span> <em>Nom catégorie</em> </span> </div> <div class="dttext">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vitae nunc sed est tempor scelerisque a sed velit. In quis odio mauris. Vestibulum porttitor, tellus ut pellentesque convallis, metus ante viverra ex, vel faucibus sapien lorem a leo. Vestibulum eget porttitor sapien. Aenean dolor risus, dignissim eget posuere et, mattis id justo. Duis diam sem, semper id lobortis maximus, efficitur nec ipsum. Quisque iaculis at dui vitae molestie. Donec fermentum sit amet leo non auctor Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vitae nunc sed est tempor scelerisque a sed velit. In quis odio mauris. Vestibulum porttitor, tellus ut pellentesque convallis, metus ante viverra ex, vel faucibus sapien lorem a leo. Vestibulum eget porttitor sapien. Aenean dolor risus, dignissim eget posuere et, mattis id justo. Duis diam sem, semper id lobortis maximus, efficitur nec ipsum. Quisque iaculis at dui vitae molestie. Donec fermentum sit amet leo non auctor.</div> <div class="dtheader"> <span> <em>Nom catégorie</em> </span> </div> <div class="dttext"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vitae nunc sed est tempor scelerisque a sed velit. In quis odio mauris. Vestibulum porttitor, tellus ut pellentesque convallis, metus ante viverra ex, vel faucibus sapien lorem a leo. Vestibulum eget porttitor sapien. Aenean dolor risus, dignissim eget posuere et, mattis id justo. Duis diam sem, semper id lobortis maximus, efficitur nec ipsum. Quisque iaculis at dui vitae molestie. Donec fermentum sit amet leo non auctor Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vitae nunc sed est tempor scelerisque a sed velit. In quis odio mauris. Vestibulum porttitor, tellus ut pellentesque convallis, metus ante viverra ex, vel faucibus sapien lorem a leo. Vestibulum eget porttitor sapien. Aenean dolor risus, dignissim eget posuere et, mattis id justo. Duis diam sem, semper id lobortis maximus, efficitur nec ipsum. Quisque iaculis at dui vitae molestie. Donec fermentum sit amet leo non auctor </div> </div> <div class="dtcont dtc3"> <div class="dtheader"> <strong>Titre ici</strong> <span> <em>Nom catégorie</em> </span> </div> <div class="dttext"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vitae nunc sed est tempor scelerisque a sed velit. In quis odio mauris. Vestibulum porttitor, tellus ut pellentesque convallis, metus ante viverra ex, vel faucibus sapien lorem a leo. Vestibulum eget porttitor sapien. Aenean dolor risus, dignissim eget posuere et, mattis id justo. Duis diam sem, semper id lobortis maximus, efficitur nec ipsum. Quisque iaculis at dui vitae molestie. Donec fermentum sit amet leo non auctor </div> <div class="dtheader"> <span> <em>Nom catégorie</em> </span> </div> <div class="dttext"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vitae nunc sed est tempor scelerisque a sed velit. In quis odio mauris. Vestibulum porttitor, tellus ut pellentesque convallis, metus ante viverra ex, vel faucibus sapien lorem a leo. Vestibulum eget porttitor sapien. Aenean dolor risus, dignissim eget posuere et, mattis id justo. Duis diam sem, semper id lobortis maximus, efficitur nec ipsum. Quisque iaculis at dui vitae molestie. Donec fermentum sit amet leo non auctor </div> <div class="dtheader"> <span> <em>Nom catégorie</em> </span> </div> <div class="dttext"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vitae nunc sed est tempor scelerisque a sed velit. In quis odio mauris. Vestibulum porttitor, tellus ut pellentesque convallis, metus ante viverra ex, vel faucibus sapien lorem a leo. Vestibulum eget porttitor sapien. Aenean dolor risus, dignissim eget posuere et, mattis id justo. Duis diam sem, semper id lobortis maximus, efficitur nec ipsum. Quisque iaculis at dui vitae molestie. Donec fermentum sit amet leo non auctor </div> </div> <div class="dtcont dtc4"> <div class="dtheader"> <strong>Titre ici</strong> <span> <em>Nom catégorie</em> </span> </div> <div class="dttext">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vitae nunc sed est tempor scelerisque a sed velit. In quis odio mauris. Vestibulum porttitor, tellus ut pellentesque convallis, metus ante viverra ex, vel faucibus sapien lorem a leo. Vestibulum eget porttitor sapien. Aenean dolor risus, dignissim eget posuere et, mattis id justo. Duis diam sem, semper id lobortis maximus, efficitur nec ipsum. Quisque iaculis at dui vitae molestie. Donec fermentum sit amet leo non auctor.</div> <div class="dtheader"> <span> <em>Nom catégorie</em> </span> </div> <div class="dttext"> Cras viverra enim vehicula nunc condimentum, in aliquam nisi porttitor. Vestibulum turpis metus, semper ut cursus ac, feugiat aliquam est. Vivamus et ante massa. Fusce dignissim hendrerit vestibulum. Donec dui ex, facilisis eu neque ac, posuere malesuada ex. In ultrices arcu sit amet ipsum mattis, at tincidunt urna mattis. Maecenas at tortor nec felis facilisis congue ut et metus.</div> </div> <div class="dtcont dtc5"> <div class="dtheader"> <strong>Titre ici</strong> <span> <em>Nom catégorie</em> </span> </div> <div class="dttext">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vitae nunc sed est tempor scelerisque a sed velit. In quis odio mauris. Vestibulum porttitor, tellus ut pellentesque convallis, metus ante viverra ex, vel faucibus sapien lorem a leo. Vestibulum eget porttitor sapien. Aenean dolor risus, dignissim eget posuere et, mattis id justo. Duis diam sem, semper id lobortis maximus, efficitur nec ipsum. Quisque iaculis at dui vitae molestie. Donec fermentum sit amet leo non auctor.</div> <div class="dtheader"> <span> <em>Nom catégorie</em> </span> </div> <div class="dttext"> Aliquam erat volutpat. Mauris eu accumsan dui. Aenean volutpat aliquam turpis, tincidunt consectetur justo porta eu. Nunc at tempus quam. Praesent facilisis eleifend massa sed euismod. In eget scelerisque dui. Nullam semper lobortis leo, ut sagittis nisi tempor ut. Aenean tempus mollis lacus, id rutrum lacus pellentesque non. Praesent tellus sapien, posuere egestas diam nec, convallis sodales leo. Curabitur id ornare ipsum. Fusce velit turpis, vestibulum in mattis mattis, maximus ut metus.</div> </div> </div> </div> <a href="http://necromancercoding.tumblr.com/" class="ncredit">NC</a> <style>.darkthoughts .dtleft a {width:100px; height:100px; object-fit:cover; object-position:center; position:absolute;}.darkthoughts .dtleft img {filter:var(--filter)!important;}.darkthoughts {--accent: #624e13;--bckg:#1a1a1a;--tbckg:rgba(0,0,0,0.7);--tbckg2:rgba(0,0,0,0.2);--border1: 1px solid var(--accent);--border2: 5px solid var(--accent);--border3: 1px solid #000;--text: #aaa;--title:#fff;--icons:5;--filter-img1:grayscale(1) brightness(0.9) contrast(0.7);--filter-img2:grayscale(0) brightness(1) contrast(1);--filter-bckg:blur(3px);--bckg-img1:url(https://i.ibb.co/KmLspGM/photo-arri-re-fiche-relation.jpg);--bckg-img2:url(https://i.ibb.co/KmLspGM/photo-arri-re-fiche-relation.jpg);--bckg-img3:url(https://i.ibb.co/KmLspGM/photo-arri-re-fiche-relation.jpg);--bckg-img4:url(https://i.ibb.co/KmLspGM/photo-arri-re-fiche-relation.jpg);--bckg-img5:url(https://i.ibb.co/KmLspGM/photo-arri-re-fiche-relation.jpg);}</style> <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400;1,700&family=Vidaloka&display=swap" rel="stylesheet"/><link rel="stylesheet" href="//dl.dropbox.com/s/lktq8hubq7pu8sf/darkthoughts.css"/>