Wstęp W tym dziale znajduje się przykładowy kod do relacji. Nie jest on jednak obowiązkowy. Każdy użytkownik może stworzyć swój własny styl, jeżeli ten mu nie odpowiada.
Wzór
Kod:
<link href="https://www.aht.li/3320318/RS_TIMBE.css" rel="stylesheet" type="text/css"><!-- Obrazek w rozmiarze 75*75 - zmniejsza się automatycznie --><div class="TIMBE"><!-- CREDIT --><a class="cdtTIMBE" href="http://crushcrushcrush.actifforum.com/" target="_blank"><img src="http://www.aht.li/2456212/PUF.png" /></a><!-- LIEN I --><div class="lksTIMBE" style="border-color:grey; background:white;"><!-- Imię i Nazwisko & Relacja --><div class="boxTIMBE"><!-- Imię i Nazwisko --><div class="npTIMBE" style="color:black;">Imię<br/>Nazwisko</div><!-- RELACJA --><div class="rsTIMBE" style="border-color:grey; color:black;">Relacja</div></div><!-- obrazek i border --><div class="imgTIMBE" style="border-color:black;"><img src=https://www.aht.li/3137486/7575BW.png" /></div><!-- kolor seperacji --><div class="borderTIMBE" style="background:black;"></div><!-- Opis relacji --><div class="descTIMBE" style="color:grey;">Texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte</div></div> <!-- LIEN II --><div class="lksTIMBE" style="border-color:grey; background:white;"><!-- Imię i Nazwisko & Relacja --><div class="boxTIMBE"><!-- Imię i Nazwisko --><div class="npTIMBE" style="color:black;">Imię<br/>Nazwisko</div><!-- RELACJA II --><div class="rsTIMBE" style="border-color:grey; color:black;">Relacje</div></div><!-- IMAGE & SA BORDURE II --><div class="imgTIMBE" style="border-color:black;"><img src="https://www.aht.li/3137486/7575BW.png" /></div><!-- kolor seperacji II --><div class="borderTIMBE" style="background:black;"></div><!-- Opis Relacji II --><div class="descTIMBE" style="color:grey;">Opis relacji.</div></div> <!-- LIEN III --><div class="lksTIMBE" style="border-color:grey; background:white;"><!-- Imię i Nazwisko & Relacja --><div class="boxTIMBE"><!-- Imię i Nazwisko & Relacja --><div class="npTIMBE" style="color:black;">Imię <br/>Nazwisko</div><!-- Opis Relacji III --><div class="rsTIMBE" style="border-color:grey; color:black;">Relacje</div></div><!-- IMAGE & SA BORDURE III --><div class="imgTIMBE" style="border-color:black;"><img src="https://www.aht.li/3137486/7575BW.png" /></div><!-- kolor seperacji III --><div class="borderTIMBE" style="background:black;"></div><!-- Opis Relacji III --><div class="descTIMBE" style="color:grey;">Opis Relacji.</div></div><!-- zamknięcie linijki --></div>
Rozbudowa kodu Jak dodać kolejne pole do w kodzie relacji. W Poniższej linijce widzicie "!---Linijka IV---!" kopiujecie cały kod który widzicie na dole zaczynając od nowej linijki.
Kod:
<!-- LIEN IV --><div class="lksTIMBE" style="border-color:grey; background:white;"><!-- Imię i Nazwisko & Relacja --><div class="boxTIMBE"><!-- Imię i Nazwisko & Relacja --><div class="npTIMBE" style="color:black;">Imię <br/>Nazwisko</div><!-- RELACJA IV --><div class="rsTIMBE" style="border-color:grey; color:black;">Relacje</div></div><!-- IMAGE & SA BORDURE IV --><div class="imgTIMBE" style="border-color:black;"><img src="https://www.aht.li/3137486/7575BW.png" /></div><!-- COULEUR TRAIT SEPARATION IV --><div class="borderTIMBE" style="background:black;"></div><!-- DESCRIPTION IV --><div class="descTIMBE" style="color:grey;">Opis Relacji.</div>