{Rel Tracker} Heart to Heart

_{Dus ik had mijn tracker al laten zien in de discord en veel mensen wilden hem ook gebruiken. Dus bij deze! Uiteraard mag het voor zich spreken dat de credits er netjes onder moeten blijven staan en dat ik ook liever niet heb dat de code grotendeels overgenomen wordt en dan weer herplaatst onder een eigen naam.

Ik heb er een aantal specifieke BBcode tags aan toegevoegd om mijn (en dus by extend jullie) leven makkelijker te maken. Dus ik leg ze hier nog eventjes uit:}

Code:: <fri>Voor Friendship</fri>
<adm>Voor Admiration</adm>
<fea>Voor Angst</fea>
<ang>Voor Anger</ang>
<jel>Voor Jealousy</jel>
<sad>Voor Sadness</sad>
<lov>Voor Love</lov>
<won>Voor Wonder</won>
<mate>Voor mate</mate>
<fam>Voor family</fam>
<men>Voor Mentor/Apprentice</men>
<desc>Voor de beschrijvinkjes onder de namen</desc>

Friendship
■ Familiar
■■ Acquainted
■■■ Friendly
■■■■ Friends
■■■■■ Best friends

Admiration
■ Impressed
■■ Respects
■■■ Idolizes

Fear
■ Uneasy
■■ Distrust
■■■ Fear
■■■■ Terrified

Anger
■ Annoyed
■■ Upset
■■■ Angry
■■■■ Hate

Jealousy
■ Envy
■■ Resents
■■■ Jealous

Sadness
■ Guilt
■■ Sad
■■■ Heartbroken

Love
■ Like
■■ Love
■■■ Crush

Wonder
■ Puzzled
■■ Curious
■■■ Confused

Others
■ Mate
■ (Adopted) Family
■ Mentor
■■ Apprentice

SHADOWCLAN
CHARACTER NAME ❖ ■
Beschrijving

THUNDERCLAN
CHARACTER NAME ❖ ■
Beschrijving

RIVERCLAN
CHARACTER NAME ❖ ■
Beschrijving

WINDCLAN
CHARACTER NAME ❖ ■
Beschrijving

BLOODCLAN
CHARACTER NAME ❖ ■
Beschrijving

ROGUES
CHARACTER NAME ❖ ■
Beschrijving

KITTYPETS
CHARACTER NAME ❖ ■
Beschrijving

Code by Babs

Code:: <div align="center"><div class="relmain"><br><div class="relinner"><table class="reltable"><tbody><tr><td class="relleft"><b>Friendship</b>
<fri>■</fri> Familiar
<fri>■■</fri> Acquainted
<fri>■■■</fri> Friendly
<fri>■■■■</fri> Friends
<fri>■■■■■</fri> Best friends

<b>Admiration</b>
<adm>■</adm> Impressed
<adm>■■</adm> Respects
<adm>■■■</adm> Idolizes

<b>Fear</b>
<fea>■</fea> Uneasy
<fea>■■</fea> Distrust
<fea>■■■</fea> Fear
<fea>■■■■</fea> Terrified

<b>Anger</b>
<ang>■</ang> Annoyed
<ang>■■</ang> Upset
<ang>■■■</ang> Angry
<ang>■■■■</ang> Hate

<b>Jealousy</b>
<jel>■</jel> Envy
<jel>■■</jel> Resents
<jel>■■■</jel> Jealous

<b>Sadness</b>
<sad>■</sad> Guilt
<sad>■■</sad> Sad
<sad>■■■</sad> Heartbroken

<b>Love</b>
<lov>■</lov> Like
<lov>■■</lov> Love
<lov>■■■</lov> Crush

<b>Wonder</b>
<won>■</won> Puzzled
<won>■■</won> Curious
<won>■■■</won> Confused

<b>Others</b>
<MATE>■</MATE> Mate
<FAM>■</FAM> (Adopted) Family
<MEN>■</MEN> Mentor
<MEN>■■</MEN> Apprentice

</td><td class="relright"><center><b>SHADOWCLAN</b></center>
<b>CHARACTER NAME ❖</b> <fri>■</fri>
<desc>Beschrijving</desc>

<center><b>THUNDERCLAN</b></center>
<b>CHARACTER NAME ❖</b> <fri>■</fri>
<desc>Beschrijving</desc>

<center><b>RIVERCLAN</b></center>
<b>CHARACTER NAME ❖</b> <fri>■</fri>
<desc>Beschrijving</desc>

<center><b>WINDCLAN</b></center>
<b>CHARACTER NAME ❖</b> <fri>■</fri>
<desc>Beschrijving</desc>

<center><b>BLOODCLAN</b></center>
<b>CHARACTER NAME ❖</b> <fri>■</fri>
<desc>Beschrijving</desc>

<center><b>ROGUES</b></center>
<b>CHARACTER NAME ❖</b> <fri>■</fri>
<desc>Beschrijving</desc>

<center><b>KITTYPETS</b></center>
<b>CHARACTER NAME ❖</b> <fri>■</fri>
<desc>Beschrijving</desc>

</td></tr></tbody></table></div><br></div><a href="http://www.warriorcatsnl.com/u7500">Code by Babs</a></div><style> .relmain { width: 550px; min-height: 100px; background-image:url('https://images2.imgbox.com/05/38/77tkZoP7_o.png'); position: relative; } FRI { color: #97db67; } ADM { color: #e8e33c; } LOV { color: #ffadf7; } MATE { color: #ff69c0; } FAM { color: #c569ff; } MEN { color: #6b70ff; } FEA { color: #ff9d1c; } JEL { color: #5dd4a0; } ANG { color: #d17979; } SAD { color: #36bfff; } WON { color: #8a8a8a } desc { font-size: 10px; } .relinner { width: 500px; min-height: 100px; margin-left: auto; margin-right: auto; margin-top: 25px; margin-bottom: 25px; background-color: #fafafa; white-space: normal; } .reltable { width: 500px; font-size: 11px; color: #8f8f8f; } .relleft { width: 120px; text-align: left; vertical-align: top; padding: 5px; border-right: 1px solid #e6e6e6; } .relright { width: 360px; padding: 5px; text-align: left top; vertical-align: top; } </style>