Journal : Mode d'emploi

Journal : Mode d'emploi || 17.02.21 21:10

Les Journaux

Les journaux sont une réunion des fiches de rp, de liens, et de tout ce que vous voulez. Sur ZOT, on centralise, et on vous fournit le code pour ceux qui ne veulent pas s'embêter à en chercher un.

À noter que la première partie est partiellement arrangeable. Vous pouvez modifier et organiser les différents champs comme vous le souhaitez, et les adapter à votre personnage. De même, l'onglet "Anecdote" (dont vous pouvez d'ailleurs changer le titre) vous donne un espace complètement libre. À vous de décider ce que vous souhaitez en faire. Approfondir le background? Détailler vos pouvoirs? Lister des musiques ou photos? Il n'y a que l'embarras du choix.

Si vous avez le moindre soucis avec le code, n'hésitez pas à MP le Staff.
Pour ce qui est des images des liens, elles sont automatiquement redimensionnées. Si d'aventure l'une d'elle ne s'affichait pas "en face" (par exemple, on ne voit pas le visage), il vous suffit d'ajouter ceci:

Code:: style="object-position: -0px -0px;"

Modifiez le 0 jusqu'à voir ce que vous souhaitez. Le premier pour aller vers la gauche, le seconde pour aller vers le haut.En ce qui concerne les liens, pour en ajouter d'autres, il vous suffit de localiser cette partie du code et simplement la recopier à la suite :
Pour le journal 1

Code:: <div class="jlink"><img src="IMAGE 460x70">Nom Prénom<span><div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div><img src="IMAGE 230x35"><img src="IMAGE 230x35"></span></div>

Pour le journal 2 (deux liens à la fois)

Code:: <div class="jlink2"><img src="IMAGE 215x185">Nom Prénom<span><div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div><img src="IMAGE 215x90"></span></div><div class="jlink2"><img src="IMAGE 215x185">Nom Prénom<span><div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div><img src="IMAGE 215x90"></span></div>

Code du journal 1

Code:: <div class="messcadre"><img class="messimg" src="LIEN IMAGE ENTETE"><div class="messtitre">Prénom Nom</div>

<div class="jtableonglets"><div class="jdivonglet"><label for="jo1" class="onglet">Introduction</label><label for="jo2" class="onglet">RP</label><label for="jo3" class="onglet">Anecdotes</label></div><input id="jo1" type="radio" name="jonglets" checked><span class="jongletcont j1">
<div1><bm><lb>Identité:</lb> Ici</bm><bm><lb>Âge & lieu de naissance:</lb> Ici</bm><bm><lb>Occupation:</lb> Ici</bm><img src="LIEN GIF"><bm><lb>Statut civil:</lb> Ici</bm><bm><lb>Orientation sexuelle:</lb> Ici</bm><bm><lb>Particularités physiques:</lb> Ici</bm></div1>

<div2><bm><lb>Logement:</lb> Ici</bm><bm><lb>Lieu de travail:</lb> Ici</bm><img src="LIEN GIF"><bm><lb>Wanted:</lb> Ici</bm><bm><lb>Wanted:</lb> Ici</bm><bm><lb>Wanted:</lb> Ici</bm><bm><lb>Wanted:</lb> Ici</bm><bm><lb>Wanted:</lb> Ici</bm></div2>

</span><input id="jo2" type="radio" name="jonglets"><span class="jongletcont j2">
<div1><bm><a href="">Titre sujet</a> <al></al> Nom partenaire
<a href="">Titre sujet</a> <al></al> Nom partenaire
<a href="">Titre sujet</a> <al></al> Nom partenaire</bm></div1>

<div2><bm><a href="">Titre sujet</a> <al></al> Nom partenaire
<a href="">Titre sujet</a> <al></al> Nom partenaire
<a href="">Titre sujet</a> <al></al> Nom partenaire</bm></div2>

</span><input id="jo3" type="radio" name="jonglets"><span class="jongletcont j3">Cet espace est totalement libre. Utilisez-le comme bon vous semble.

</span><input id="jo4" type="radio" name="jonglets"><span class="jongletcont j4">
<div class="jlink"><img src="IMAGE 460x70">Nom Prénom<span><div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div><img src="IMAGE 230x35"><img src="IMAGE 230x35"></span></div>

<div class="jlink"><img src="IMAGE 460x70">Nom Prénom<span><div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div><img src="IMAGE 230x35F"><img src="IMAGE 230x35"></span></div>

</span><input id="jo5" type="radio" name="jonglets"><span class="jongletcont j5">
<div class="jlink"><img src="IMAGE 460x70">Nom Prénom<span><div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div><img src="IMAGE 230x35"><img src="IMAGE 230x35"></span></div>

<div class="jlink"><img src="IMAGE 460x70">Nom Prénom<span><div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div><img src="IMAGE 230x35"><img src="IMAGE 230x35"></span></div>

</span><input id="jo6" type="radio" name="jonglets"><span class="jongletcont j6">
<div class="jlink"><img src="IMAGE 460x70">Nom Prénom<span><div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div><img src="IMAGE 230x35"><img src="IMAGE 230x35"></span></div>

<div class="jlink"><img src="IMAGE 460x70">Nom Prénom<span><div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div><img src="IMAGE 230x35"><img src="IMAGE 230x35"></span></div>

</span><div class="jdivonglet"><label for="jo4" class="onglet">Liens A-H</label><label for="jo5" class="onglet">Liens I-P</label><label for="jo6" class="onglet">Liens Q-Z</label></div></div></div>

Code du journal 2

Code:: <div class="messcadre"><img class="messimg" src="LIEN IMAGE ENTETE"><div class="messtitre">Prénom Nom</div>

<div class="jtableonglets"><div class="jdivonglet"><label for="jo1" class="onglet">Introduction</label><label for="jo2" class="onglet">RP</label><label for="jo3" class="onglet">Anecdotes</label></div><input id="jo1" type="radio" name="jonglets" checked><span class="jongletcont j1">
<div1><bm><lb>Identité:</lb> Ici</bm><bm><lb>Âge & lieu de naissance:</lb> Ici</bm><bm><lb>Occupation:</lb> Ici</bm><img src="LIEN GIF"><bm><lb>Statut civil:</lb> Ici</bm><bm><lb>Orientation sexuelle:</lb> Ici</bm><bm><lb>Particularités physiques:</lb> Ici</bm></div1>

<div2><bm><lb>Logement:</lb> Ici</bm><bm><lb>Lieu de travail:</lb> Ici</bm><img src="LIEN GIF"><bm><lb>Wanted:</lb> Ici</bm><bm><lb>Wanted:</lb> Ici</bm><bm><lb>Wanted:</lb> Ici</bm><bm><lb>Wanted:</lb> Ici</bm><bm><lb>Wanted:</lb> Ici</bm></div2>

</span><input id="jo2" type="radio" name="jonglets"><span class="jongletcont j2">
<div1><bm><a href="">Titre sujet</a> <al></al> Nom partenaire
<a href="">Titre sujet</a> <al></al> Nom partenaire
<a href="">Titre sujet</a> <al></al> Nom partenaire</bm></div1>

<div2><bm><a href="">Titre sujet</a> <al></al> Nom partenaire
<a href="">Titre sujet</a> <al></al> Nom partenaire
<a href="">Titre sujet</a> <al></al> Nom partenaire</bm></div2>

</span><input id="jo3" type="radio" name="jonglets"><span class="jongletcont j3">Cet espace est totalement libre. Utilisez-le comme bon vous semble.

</span><input id="jo4" type="radio" name="jonglets"><span class="jongletcont j4">
<div class="jlink2"><img src="IMAGE 215x185">Nom Prénom<span><div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div><img src="IMAGE 215x90"></span></div><div class="jlink2"><img src="IMAGE 215x185">Nom Prénom<span><div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div><img src="IMAGE 215x90"></span></div>

<div class="jlink2"><img src="IMAGE 215x185">Nom Prénom<span><div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div><img src="IMAGE 215x90"></span></div><div class="jlink2"><img src="IMAGE 215x185">Nom Prénom<span><div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div><img src="IMAGE 215x90"></span></div>

</span><input id="jo5" type="radio" name="jonglets"><span class="jongletcont j5">
<div class="jlink2"><img src="IMAGE 215x185">Nom Prénom<span><div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div><img src="IMAGE 215x90"></span></div><div class="jlink2"><img src="IMAGE 215x185">Nom Prénom<span><div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div><img src="IMAGE 215x90"></span></div>

<div class="jlink2"><img src="IMAGE 215x185">Nom Prénom<span><div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div><img src="IMAGE 215x90"></span></div><div class="jlink2"><img src="IMAGE 215x185">Nom Prénom<span><div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div><img src="IMAGE 215x90"></span></div>

</span><input id="jo6" type="radio" name="jonglets"><span class="jongletcont j6">
<div class="jlink2"><img src="IMAGE 215x185">Nom Prénom<span><div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div><img src="IMAGE 215x90"></span></div><div class="jlink2"><img src="IMAGE 215x185">Nom Prénom<span><div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div><img src="IMAGE 215x90"></span></div>

<div class="jlink2"><img src="IMAGE 215x185">Nom Prénom<span><div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div><img src="IMAGE 215x90"></span></div><div class="jlink2"><img src="IMAGE 215x185">Nom Prénom<span><div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div><img src="IMAGE 215x90"></span></div>

</span><div class="jdivonglet"><label for="jo4" class="onglet">Liens A-H</label><label for="jo5" class="onglet">Liens I-P</label><label for="jo6" class="onglet">Liens Q-Z</label></div></div></div>

Re: Journal : Mode d'emploi || 17.02.21 21:13

Visuel du journal (cliquer sur l'onglet "Liens journal 2" pour avoir un visuel de la variante des liens):

Prénom Nom

IntroductionRPAnecdotes

Identité: IciÂge & lieu de naissance: IciOccupation: Ici

Statut civil: IciOrientation sexuelle: IciParticularités physiques: Ici

Logement: IciLieu de travail: Ici

Wanted: IciWanted: IciWanted: IciWanted: IciWanted: Ici

Titre sujet Nom partenaire
Titre sujet Nom partenaire
Titre sujet Nom partenaireTitre sujet Nom partenaire
Titre sujet Nom partenaire
Titre sujet Nom partenaireTitre sujet Nom partenaire
Titre sujet Nom partenaire
Titre sujet Nom partenaireTitre sujet Nom partenaire
Titre sujet Nom partenaire
Titre sujet Nom partenaireTitre sujet Nom partenaire
Titre sujet Nom partenaire
Titre sujet Nom partenaireTitre sujet Nom partenaire
Titre sujet Nom partenaire
Titre sujet Nom partenaireTitre sujet Nom partenaire
Titre sujet Nom partenaire
Titre sujet Nom partenaire

Titre sujet Nom partenaire
Titre sujet Nom partenaire
Titre sujet Nom partenaire

Cet espace est totalement libre. Utilisez-le comme bon vous semble.

Nom Prénom

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.

Nom Prénom

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.

Nom Prénom

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.

Nom Prénom

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.

Nom Prénom

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Nom Prénom

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Nom Prénom

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Nom Prénom

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Liens MLiens NBLiens journal 2