:: Test 1 :: Les fiches !
Fiche lien
Information
Image Personnelle :
Messages : 79
Date d'inscription : 23/09/2022
Age : 28
RP en cours
RP fini
Lien 2
Lien 1
PRENOM NOM
ft avatar- Code:
- Code:
<div class="fichep"><div class="tab-folder"><!--
RP
--><div id="tab4" class="tab-content"><div class="titre" style="font-size:var(--medium-size); margin-bottom: 5px;">RP en cours</div><div class="texte" style="background: var(--neutral); height: 164px; margin-bottom: 5px;"><p style="margin: 0;"><ro>Nom du RP : </ro>@"Nom Prénom"
<ro>Nom du RP : </ro>@"Nom Prénom"
<ro>Nom du RP : </ro>@"Nom Prénom"</p></div><!---
---><div class="titre" style="font-size:var(--medium-size); margin-bottom: 5px;">RP fini</div><div class="texte" style="background: var(--neutral); height: 164px;"><p style="margin: 0;"><ro>Nom du RP : </ro>@"Nom Prénom"
<ro>Nom du RP : </ro>@"Nom Prénom"
<ro>Nom du RP : </ro>@"Nom Prénom"</p></div></div><!--
LIENS 1
--><div id="tab3" class="tab-content"><div class="titre" style="font-size:var(--medium-size); margin-bottom: 5px;">Lien 2</div><div class="texte" style="background: var(--neutral); height: 365px;"><p style="margin: 0;"><!---
DEBUT DU LIEN---><img src="https://i.imgur.com/Rgm6T52.png" style="object-fit: cover; width: 100px; height: 100px; float: left; margin: 0 5px 5px 0; border-radius: 5px; border: 3px solid var(--neutralDark);"/><div class="texte" style="background: var(--neutralDark); height: 100px; margin-bottom: 5px;"><ro>Nom prénom du lien - Type de lien : </ro>Texte ici...</div><!--- FIN
DEBUT DU LIEN---><img src="https://i.imgur.com/Rgm6T52.png" style="object-fit: cover; width: 100px; height: 100px; float: right; margin: 0 0 5px 5px; border-radius: 5px; border: 3px solid var(--neutralDark);"/><div class="texte" style="background: var(--neutralDark); height: 100px; margin-bottom:5px;"><ro>Nom prénom du lien - Type de lien : </ro> Texte ic...</div><!--- FIN
DEBUT DU LIEN---><img src="https://i.imgur.com/Rgm6T52.png" style="object-fit: cover; width: 100px; height: 100px; float: left; margin: 0 5px 5px 0; border-radius: 5px; border: 3px solid var(--neutralDark);"/><div class="texte" style="background: var(--neutralDark); height: 100px; margin-bottom:5px;"><ro>Nom prénom du lien - Type de lien : </ro>Texte ici...</div><!--- FIN
DEBUT DU LIEN---><img src="https://i.imgur.com/Rgm6T52.png" style="object-fit: cover; width: 100px; height: 100px; float: right; margin: 0 0 5px 5px; border-radius: 5px; border: 3px solid var(--neutralDark);"/><div class="texte" style="background: var(--neutralDark); height: 100px; margin-bottom:5px;"><ro>Nom prénom du lien - Type de lien : </ro> Texte ic...</div><!--- FIN
DEBUT DU LIEN---><img src="https://i.imgur.com/Rgm6T52.png" style="object-fit: cover; width: 100px; height: 100px; float: left; margin: 0 5px 5px 0; border-radius: 5px; border: 3px solid var(--neutralDark);"/><div class="texte" style="background: var(--neutralDark); height: 100px; margin-bottom: 5px;"><ro>Nom prénom du lien - Type de lien : </ro>Texte ici...</div><!--- FIN
DEBUT DU LIEN---><img src="https://i.imgur.com/Rgm6T52.png" style="object-fit: cover; width: 100px; height: 100px; float: right; margin: 0 0 5px 5px; border-radius: 5px; border: 3px solid var(--neutralDark);"/><div class="texte" style="background: var(--neutralDark); height: 100px; margin-bottom: 5px;"><ro>Nom prénom du lien - Type de lien : </ro> Texte ic...</div><!--- FIN---></p></div></div><!--
LIENS 1
--><div id="tab2" class="tab-content"><div class="titre" style="font-size:var(--medium-size); margin-bottom: 5px;">Lien 1</div><div class="texte" style="background: var(--neutral); height: 365px;"><p style="margin: 0;"><!---
DEBUT DU LIEN---><img src="https://i.imgur.com/Rgm6T52.png" style="object-fit: cover; width: 100px; height: 100px; float: left; margin: 0 5px 5px 0; border-radius: 5px; border: 3px solid var(--neutralDark);"/><div class="texte" style="background: var(--neutralDark); height: 100px; margin-bottom: 5px;"><ro>Nom prénom du lien - Type de lien : </ro>Texte ici...</div><!--- FIN
DEBUT DU LIEN---><img src="https://i.imgur.com/Rgm6T52.png" style="object-fit: cover; width: 100px; height: 100px; float: right; margin: 0 0 5px 5px; border-radius: 5px; border: 3px solid var(--neutralDark);"/><div class="texte" style="background: var(--neutralDark); height: 100px; margin-bottom:5px;"><ro>Nom prénom du lien - Type de lien : </ro> Texte ic...</div><!--- FIN
DEBUT DU LIEN---><img src="https://i.imgur.com/Rgm6T52.png" style="object-fit: cover; width: 100px; height: 100px; float: left; margin: 0 5px 5px 0; border-radius: 5px; border: 3px solid var(--neutralDark);"/><div class="texte" style="background: var(--neutralDark); height: 100px; margin-bottom:5px;"><ro>Nom prénom du lien - Type de lien : </ro>Texte ici...</div><!--- FIN
DEBUT DU LIEN---><img src="https://i.imgur.com/Rgm6T52.png" style="object-fit: cover; width: 100px; height: 100px; float: right; margin: 0 0 5px 5px; border-radius: 5px; border: 3px solid var(--neutralDark);"/><div class="texte" style="background: var(--neutralDark); height: 100px; margin-bottom:5px;"><ro>Nom prénom du lien - Type de lien : </ro> Texte ic...</div><!--- FIN
DEBUT DU LIEN---><img src="https://i.imgur.com/Rgm6T52.png" style="object-fit: cover; width: 100px; height: 100px; float: left; margin: 0 5px 5px 0; border-radius: 5px; border: 3px solid var(--neutralDark);"/><div class="texte" style="background: var(--neutralDark); height: 100px; margin-bottom: 5px;"><ro>Nom prénom du lien - Type de lien : </ro>Texte ici...</div><!--- FIN
DEBUT DU LIEN---><img src="https://i.imgur.com/Rgm6T52.png" style="object-fit: cover; width: 100px; height: 100px; float: right; margin: 0 0 5px 5px; border-radius: 5px; border: 3px solid var(--neutralDark);"/><div class="texte" style="background: var(--neutralDark); height: 100px; margin-bottom: 5px;"><ro>Nom prénom du lien - Type de lien : </ro> Texte ic...</div><!--- FIN---></p></div></div><!--
A PROPOS
--><div id="tab1" class="tab-content"><div class="titrefiche"><h3>PRENOM NOM</h3><div class="separator" style="background: var(--contrast); border-radius: 5px; padding: 0;"></div><strong><i>ft avatar</i></strong></div><!--
--><div class="contentfiche"><div class="card-perso"><div class="perso"><div class="card-front"><div><img src="https://i.imgur.com/Rgm6T52.png"/></div></div><div class="card-back" style="height: 320px; overflow: auto;"><div><p><img class="gifcard" src="https://i.imgur.com/IolTubM.gif"/>
<ro>Lien recherché : </ro> Ecrire ici...
<ro>Lien recherché : </ro> Ecrire ici...
<ro>Lien recherché : </ro> Ecrire ici...
<ro>Lien recherché : </ro> Ecrire ici... </p></div></div></div></div><!--
--><div class="texte" style="flex: 2; background: var(--neutral); margin-left: 5px; height: 320px;"><ro style="margin: 0;">identité :</ro> Ecrire ici...
<ro>âge :</ro> Ecrire ici...
<ro>date et lieu de naissance :</ro> Ecrire ici...
<ro>origines, nationalité :</ro> Ecrire ici...
<ro>orientation :</ro> Ecrire ici...
<ro>statut civil :</ro> Ecrire ici...
<ro>métier/étude :</ro> Ecrire ici...
<ro>habitant.e de :</ro> Red Hawk ou Whitebridge.
<ro>association (facultatif) :</ro> Ecrire ici...
<ro>crédits :</ro> Ecrire ici... </div></div></div></div><!--
ONGLETS
--><ul id="menu"><li><a href="#tab1"><i class="cp cp-menu"></i> A propos</a></li><li><a href="#tab2"><i class="cp cp-menu"></i> Liens 1</a></li><li><a href="#tab3"><i class="cp cp-menu"></i> Lien 2</a></li><li><a href="#tab4"><i class="cp cp-menu"></i> RP</a></li></ul></div>
Information
Image Personnelle :
Messages : 79
Date d'inscription : 23/09/2022
Age : 28
Titre
Sous-titre- Code:
- Code:
<div style="background: var(--contrast); padding: 5px; border-radius: 5px;"><div class="titrefiche" style="background: var(--neutralDark);"><h3>Titre</h3><div class="separator" style="background: var(--contrast); border-radius: 5px; padding: 0;"></div><strong><i>Sous-titre</i></strong></div><img src="https://i.imgur.com/Rgm6T52.png" style="object-fit: cover; width: 100px; height: 100px; float: left; margin: 0 5px 5px 0; border-radius: 5px; border: 3px solid var(--neutralDark);"/><div class="texte" style="background: var(--neutral); height: 100px; margin-bottom: 5px;"><ro>Nom prénom du lien - Type de lien : </ro>Texte ici...</div><img src="https://i.imgur.com/Rgm6T52.png" style="object-fit: cover; width: 100px; height: 100px; float: right; margin: 0 0 5px 5px; border-radius: 5px; border: 3px solid var(--neutralDark);"/><div class="texte" style="background: var(--neutral); height: 100px;"><ro>Nom prénom du lien - Type de lien : </ro> Texte ic...</div></div>
Information
Image Personnelle :
Messages : 79
Date d'inscription : 23/09/2022
Age : 28
Titre
Sous-titre- Code:
- Code:
<div style="background: var(--contrast); padding: 5px; border-radius: 5px;"><div class="titrefiche" style="background: var(--neutralDark);"><h3>Titre</h3><div class="separator" style="background: var(--contrast); border-radius: 5px; padding: 0;"></div><strong><i>Sous-titre</i></strong></div><div class="texte" style="background: var(--neutral);"><ro>Nom prénom - type du lien : </ro> Texte ici...
<ro>Nom prénom - type du lien : </ro> Texte ici...
<ro>Nom prénom - type du lien : </ro> Texte ici...
<ro>Nom prénom - type du lien : </ro> Texte ici...
<ro>Nom prénom - type du lien : </ro> Texte ici...
<ro>Nom prénom - type du lien : </ro> Texte ici...</div></div>
|
|