Hiya!
Hier vind je een standaard, simpele relatietracker code. Deze kun je gebruiken om de relaties van jouw karakters bij te houden. Je kan zelf beslissen hoe je de balkjes indeelt als je die gebruikt, of je een korte tekst erbij neemt of niet, of dat je het zelfs alleen bij een tekstje houdt.
Wil jij de gehele code gebruiken? Dan kun je onderstaande code kopiëren. Hier hoef je verder niets meer mee te doen. Er staat een standaard opzet met onderwerpen voor balkjes klaar.
- Code:
<link href="https://files.jcink.net/uploads2/wapcodes/ToS_General/reltracker.css" rel="stylesheet" type="text/css"><div class="relsheet"><div class="relsheetb"><img src="https://imgur.com/GAID70L.jpg"></div>
<div class="rr" id="two"><div class="rchar"><img src="https://via.placeholder.com/110x170/777">first last</div>
<div class="rdes">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eu eleifend dui. Interdum et malesuada fames ac ante ipsum primis in faucibus. Proin auctor dui in urna auctor rutrum. Mauris non sem vitae arcu efficitur semper sed eu lacus. Nulla eu nisl nibh. Mauris a urna sagittis, iaculis elit vel, eleifend nisi. </div>
<div class="rel" id=""><r>Attachment</r><div class="rslider"><div class="fill" style="width: 100%;"></div></div></div><div class="rel" id=""><r>Trust</r><div class="rslider"><div class="fill" style="width: 100%;"></div></div></div><div class="rel" id=""><r>Friendliness</r><div class="rslider"><div class="fill" style="width: 100%;"></div></div></div><div class="rel" id="neg"><r>Attraction</r><div class="rslider"><div class="fill" style="width: 100%;"></div></div></div></div>
<div class="rr" id="two"><div class="rchar"><img src="https://via.placeholder.com/110x170/777">first last</div>
<div class="rdes">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eu eleifend dui. Interdum et malesuada fames ac ante ipsum primis in faucibus. Proin auctor dui in urna auctor rutrum. Mauris non sem vitae arcu efficitur semper sed eu lacus. Nulla eu nisl nibh. Mauris a urna sagittis, iaculis elit vel, eleifend nisi. </div>
<div class="rel" id=""><r>Attachment</r><div class="rslider"><div class="fill" style="width: 100%;"></div></div></div><div class="rel" id=""><r>Trust</r><div class="rslider"><div class="fill" style="width: 100%;"></div></div></div><div class="rel" id=""><r>Friendliness</r><div class="rslider"><div class="fill" style="width: 100%;"></div></div></div><div class="rel" id="neg"><r>Attraction</r><div class="rslider"><div class="fill" style="width: 100%;"></div></div></div></div>
</div>
Hoe pas je de balkjes aan? Simpel! De code voor één balkje is als volgt. Wil je een nieuw balkje toevoegen? Dat kan met onderstaande code. Plaats dit
voor de laatste div voor de witregel.
Om het percentage van een balkje aan te passen, doe je dit simpelweg door het percentage naast de
width aan te passen.
Wil je een negatief balkje, dus in het rood? dan vul je in de lege
id="" aan het begin
id="neg" in.
- Code:
<div class="rel" id=""><r>Attachment</r><div class="rslider"><div class="fill" style="width: 100%;"></div></div></div>
Wil jij een nieuw karakter toevoegen? Kopieer dan het gedeelte van de div class "rr" tot aan de witregel. Dit is onderstaande code. Deze gebruik je ook als je de opzet in een andere sheet wil gebruiken.
- Code:
<div class="rr" id="two"><div class="rchar"><img src="https://via.placeholder.com/110x170/777">first last</div>
<div class="rdes">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eu eleifend dui. Interdum et malesuada fames ac ante ipsum primis in faucibus. Proin auctor dui in urna auctor rutrum. Mauris non sem vitae arcu efficitur semper sed eu lacus. Nulla eu nisl nibh. Mauris a urna sagittis, iaculis elit vel, eleifend nisi. </div>
<div class="rel" id=""><r>Attachment</r><div class="rslider"><div class="fill" style="width: 100%;"></div></div></div><div class="rel" id=""><r>Trust</r><div class="rslider"><div class="fill" style="width: 100%;"></div></div></div><div class="rel" id=""><r>Friendliness</r><div class="rslider"><div class="fill" style="width: 100%;"></div></div></div><div class="rel" id="neg"><r>Attraction</r><div class="rslider"><div class="fill" style="width: 100%;"></div></div></div></div>
Let erop dat er aan het begin van de
div class="rr" een id met
two staat. Plaats je de opzet in een andere sheet? Dan kun je "two" vervangen door "three" of "four" voor een opzet van 2, 3 of 4 balkjes naast elkaar.
Om de code in een andere sheet te gebruiken, moet je de onderstaande CSS ook in je post linken. Dit kan op welke plek dan ook, zolang het er één keer staat:
- Code:
<link href="https://files.jcink.net/uploads2/wapcodes/ToS_General/reltracker.css" rel="stylesheet" type="text/css">
