Vote Vote Vote Vote Vote Vote PRD La Directory
btr version 2

AccueilAccueil  CalendrierCalendrier  Dernières imagesDernières images  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  
Le Deal du moment :
Funko POP! Jumbo One Piece Kaido Dragon Form : ...
Voir le deal

btr version 2
Wow
Wow
Âge : 31
Situation amoureuse : test
Occupation : test
Habitation : test
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ultrices orci in suscipit cursus. Phasellus facilisis pretium nisi, vitae aliquam quam maximus eget. Donec eu turpis lacus. Phasellus vitae justo non lectus posuere sollicitudin. Aliquam gravida in nulla egestas euismod. Integer pulvinar libero at fermentum lacinia. Mauris euismod eu massa eu pharetra. Nullam lobortis enim lobortis ex vehicula, nec mollis ipsum ullamcorper. Nulla ac nulla neque. Vivamus ultrices euismod odio ut volutpat. Vivamus imperdiet fermentum arcu, a facilisis magna sollicitudin id. Pellentesque dui felis, vehicula nec euismod suscipit, placerat non magna. Curabitur lacus nisi, efficitur elementum velit ut, dapibus placerat eros. Praesent quis iaculis nulla.
Date d'inscription : 15/04/2020
Messages : 54
Nombre d'RPs : 71
Nombres de mots en RP : test
Pseudo HJ : test
Pronom IRL : test
Pronom IG : test
Avatar : test
Pour un lien, contacte-moi via : MP
Multicompte(s) : test
présentation
fiche de liens
instagram
moodboard
spotify
Âge : 31
Situation amoureuse : test
Occupation : test
Habitation : test
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ultrices orci in suscipit cursus. Phasellus facilisis pretium nisi, vitae aliquam quam maximus eget. Donec eu turpis lacus. Phasellus vitae justo non lectus posuere sollicitudin. Aliquam gravida in nulla egestas euismod. Integer pulvinar libero at fermentum lacinia. Mauris euismod eu massa eu pharetra. Nullam lobortis enim lobortis ex vehicula, nec mollis ipsum ullamcorper. Nulla ac nulla neque. Vivamus ultrices euismod odio ut volutpat. Vivamus imperdiet fermentum arcu, a facilisis magna sollicitudin id. Pellentesque dui felis, vehicula nec euismod suscipit, placerat non magna. Curabitur lacus nisi, efficitur elementum velit ut, dapibus placerat eros. Praesent quis iaculis nulla.
Date d'inscription : 15/04/2020
Messages : 54
Nombre d'RPs : 71
Nombres de mots en RP : test
Pseudo HJ : test
Pronom IRL : test
Pronom IG : test
Avatar : test
Pour un lien, contacte-moi via : MP
Multicompte(s) : test
présentation
fiche de liens
instagram
moodboard
spotify
Âge : 31
Situation amoureuse : test
Occupation : test
Habitation : test
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ultrices orci in suscipit cursus. Phasellus facilisis pretium nisi, vitae aliquam quam maximus eget. Donec eu turpis lacus. Phasellus vitae justo non lectus posuere sollicitudin. Aliquam gravida in nulla egestas euismod. Integer pulvinar libero at fermentum lacinia. Mauris euismod eu massa eu pharetra. Nullam lobortis enim lobortis ex vehicula, nec mollis ipsum ullamcorper. Nulla ac nulla neque. Vivamus ultrices euismod odio ut volutpat. Vivamus imperdiet fermentum arcu, a facilisis magna sollicitudin id. Pellentesque dui felis, vehicula nec euismod suscipit, placerat non magna. Curabitur lacus nisi, efficitur elementum velit ut, dapibus placerat eros. Praesent quis iaculis nulla.
Date d'inscription : 15/04/2020
Messages : 54
Nombre d'RPs : 71
Nombres de mots en RP : test
Pseudo HJ : test
Pronom IRL : test
Pronom IG : test
Avatar : test
Pour un lien, contacte-moi via : MP
Multicompte(s) : test
présentation
fiche de liens
instagram
moodboard
spotify

btr version 2
Jeu 4 Fév - 14:44

Code:
{JAVASCRIPT}
<br/>
<!-------- DÉBUT PA -------->
  <link rel="stylesheet" href="https://sd-2.archive-host.com/membres/up/57540148720340087/test.css" />
<table class="forumline">
  <tr>
    <th class="secondarytitle" colspan="3">
       <h2>Bienvenue sur BY THE RIVERS</h2>
    </th>
  </tr>
  <tr>
    <td class="caset">Contexte</td>
    <td class="case" rowspan="2">
      <figure class="event"><img src="https://zeeloft.com/wp-content/uploads/2018/12/Tate-Modern-Christmas-Market-London.gif" alt="event"/>
        <figcaption>
        <b>Event en cours</b><br/>
        Marché de Noël allemand
        </figcaption><a href="/f140-marche-de-noel-allemand"></a>
      </figure>
    </td>
    <td class="caset">Menu rapide</td>
  </tr>
  <tr>
    <td class="case" rowspan="2">
      <div style="overflow:auto;height:114px;">
        <img src="https://images2.imgbox.com/eb/c0/r6FvchGs_o.png" class="lettre"/>orsqu'il se réveille ce matin-là, il fixe un moment les vieilles affiches de groupes rock accrochées à son plafond avant de laisser son regard courir sur le papier peint démodé qui décolle depuis quelques temps déjà sur le mur près de sa commode. Cette chambre qu'il voit tous les jours en ouvrant les yeux. Cette chambre qui l'a vu grandir, vivre des joies et des peines, des victoires et des défaites. Il a un bref sourire avant de soupirer. Il se demande ce que ce serait que de vivre dans une ville si grande qu'on ne croise jamais deux fois la même personne. De vivre dans un endroit où tout le monde ne se connait pas. De vivre quelque part où il pourrait être quelqu'un de différent tous les jours s'il voulait. Puis il frissonne un peu. Edenton, c'est chez lui. Depuis toujours et, peut-être pas pour toujours, mais au moins pour maintenant. Et en vérité? Ça lui convient parfaitement. Il est bien ici. Heureux ici. Il aime qu'on le reconnaisse au supermarché. Il aime qu'on connaisse sa commande par cœur au café downtown. Il aime que sa famille se trouve tout près et que sa maison soit remplie de traditions perpétuées à travers les générations. Son sourire revient avec une petite chaleur qui se répand à partir de son cœur alors qu'il rejette les couvertures et met les pieds au sol, prêt pour une autre journée.
      </div>
    </td>
    <td class="case" rowspan="2" style="background-image: url(https://images2.imgbox.com/72/9a/sluy6x3W_o.png);background-size: 260px;background-repeat: no-repeat;background-position: 0px 95px;">
        <span class="menupa"><a href="/t92-reglement"><i class="fas fa-info-circle"></i> Règlement</a></span><br />
        <span class="menupa2"><a href="/t71-groupes"><i class="fas fa-user-tag"></i> Groupes</a></span><br />
        <span class="menupa3"><a href="/t77-le-bottin"><i class="fas fa-theater-masks"></i> Bottin</a></span><br />
        <span class="menupa"><a href="/f8-pre-liens"><i class="fas fa-box-open"></i> Pré-liens</a></span><br />
        <span class="menupa2"><a href="/f85-fiches-dans-le-besoin"><i class="fas fa-exclamation-circle"></i> Fiches dans le besoin</a></span><br />
      <span class="menupa3"><a href="/f18-section-des-invites"><i class="fas fa-question-circle"></i> Section invité</a></span><br/>
        <span class="menupa"><a href="https://discord.gg/KC98QBbSXJ"><i class="fab fa-discord"></i> Notre serveur Discord</a></span>
    </td>
  </tr>
  <tr>
    <td class="caset">Events</td>
  </tr>
  <tr>
    <td class="caset">By the Rivers c'est</td>
    <td class="case" rowspan="2">
      
        <div id="slider">
          <a href="#right" class="control_next"><i class="fas fa-angle-double-right"></i></a>
          <a href="#left" class="control_prev"><i class="fas fa-angle-double-left"></i></a>
          <ul>
            <li style="background-image:url('https://images2.imgbox.com/d5/19/KY3ndWTo_o.png');background-size: cover;"></li>
            <li style="background-image:url('https://images2.imgbox.com/48/1c/AllBe4ie_o.png');background-size: cover;"></li>
            <li style="background-image:url('https://images2.imgbox.com/b0/06/ovdG7lW3_o.png');background-size: cover;"></li>
            <li style="background-image:url('https://images2.imgbox.com/5f/95/uztlScGp_o.png');background-size: cover;"></li>
          </ul>  
        </div>
      
    </td>
    <td class="caset">Crédits</td>
  </tr>
  <tr>
    <td class="case" rowspan="2">
      <i class="fas fa-caret-right"></i> Forum ouvert le 07/11/2020<br/>
      <i class="fas fa-caret-right"></i> 0 ligne demandée<br />
      <i class="fas fa-caret-right"></i> 2e compte dès la 1ère validation<br />
      <i class="fas fa-caret-right"></i> RPG dans un petit village tranquille<br />
      <i class="fas fa-caret-right"></i> Âge moyen de 35 ans<br />
      <i class="fas fa-caret-right"></i> 1 RP par 3 semaines<br />
      <i class="fas fa-caret-right"></i> Aucun gang, cartel, etc.<br /><br />
        <champ3><a href="/f18-section-des-invites">Des questions ? Venez nous les poser dans la section des invités !</a></champ3>
    </td>
    <td class="case" rowspan="2">
        <champ3>Version 02. Créée par Nine.</champ3><br/>
        <div class="optimise">Forum optimisé pour tous les navigateurs</div>
      L'ensemble du contenu de ce forum <sl>appartient à son staff</sl>. Nous remercions toutes les personnes qui nous ont aidé ou inspiré à construire le terrain de jeu. Vous retrouverez la liste des <g>remerciements</g> dans <a href="/t69-credits">ce sujet</a>.
    </td>
  </tr>
  <tr>
    <td class="caset">Le staff</td>
  </tr>
</table>
<!-------- FIN PA -------->
<br/>
<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
        <tr>
            <td width="50%" valign="top" align="{switch_user_login_form_header.V_ALIGN}" class="row1">

                <table>
                    <tr>
                        <td><span class="genmed">{L_USERNAME}:</span> </td>
                        <td><input class="post" type="text" size="10" name="username"/> </td>
                        <td>
                            <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                            <span class="gensmall">{L_AUTO_LOGIN}</span> 
                        </td>
                    </tr>

                    <tr>
                        <td><span class="genmed">{L_PASSWORD}:</span> </td>
                        <td><input class="post" type="password" size="10" name="password"/> </td>
                        <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                    </tr>
                </table>
            </td>

            <!-- BEGIN switch_social_login -->
            <td width="10%" align="center" valign="middle" class="row1">
                <span class="genmed fb_or">{switch_user_login_form_header.switch_social_login.L_OR}</span>
            </td>
            <td width="40%" class="align_gauche row1">
                <div class="social_btn">
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                    <!-- BEGIN topicit_connect -->
                    <div class="ti-connect"></div>
                    <!-- END topicit_connect -->
                </div>
            </td>
            <!-- END switch_social_login -->

        </tr>
    </table>
</form>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td width="50%" valign="top">
 <!-- BEGIN switch_user_logged_in -->
 <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></span>
 <!-- END switch_user_logged_in -->
 <!-- BEGIN switch_delete_cookies -->
 <br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>
 <!-- END switch_delete_cookies -->
 </td>
 <td width="50%" align="right">
 <span class="gensmall">
                          <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br/>
 <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br/>
 <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
 <!-- BEGIN switch_on_index -->
 <!-- BEGIN switch_delete_cookies -->
 <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
 <!-- END switch_delete_cookies -->
 <!-- END switch_on_index -->
 </span>
 </td>
 </tr>
</table>

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
        <tr>
            <td width="50%" valign="top" align="right" class="row1">

                <table>
                    <tr>
                        <td><span class="genmed">{L_USERNAME}:</span> </td>
                        <td><input class="post" type="text" size="10" name="username"/> </td>
                        <td>
                            <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                            <span class="gensmall">{L_AUTO_LOGIN}</span> 
                        </td>
                    </tr>

                    <tr>
                        <td><span class="genmed">{L_PASSWORD}:</span> </td>
                        <td><input class="post" type="password" size="10" name="password"/> </td>
                        <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                    </tr>
                </table>
            </td>

            <!-- BEGIN switch_social_login -->
            <td width="10%" align="center" valign="middle" class="row1">
                <span class="genmed fb_or">{switch_user_login_form_footer.switch_social_login.L_OR}</span>
            </td>
            <td width="40%" class="align_gauche row1">
                <div class="social_btn">
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                    <!-- BEGIN topicit_connect -->
                    <div class="ti-connect"></div>
                    <!-- END topicit_connect -->
                </div>
            </td>
            <!-- END switch_social_login -->

        </tr>
    </table>
</form>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline -->
  <link rel="stylesheet" href="https://sd-2.archive-host.com/membres/up/57540148720340087/groupes2.css" />
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
    <td class="row1" width="100%">
        <table class="fondqeel">
    <tr>
      <th colspan="3" class="secondarytitle">
        <h2>Qui est à Edenton ?</h2>
      </th>
    </tr>
    <tr>
      <td class="case1" rowspan="2" style="background-image: url('https://images2.imgbox.com/72/9a/sluy6x3W_o.png');background-size: 295px;background-repeat: no-repeat;background-position: 0px 80px;">
        <span id="totalu" class="gensmall">
          <span class="number">{TOTAL_USERS}</span>
          <script type="text/javascript">document.getElementById('totalu').innerHTML=document.getElementById ('totalu').innerHTML.replace(/Nous avons/," ");</script>
          <script type="text/javascript">document.getElementById('totalu').innerHTML=document.getElementById ('totalu').innerHTML.replace(/membres enregistrés/," ");</script>
          membres
        </span>
        <span id="totalp" class="gensmall">
          <span class="number">{TOTAL_POSTS}</span>
          <script type="text/javascript">document.getElementById('totalp').innerHTML=document.getElementById ('totalp').innerHTML.replace(/Nos membres ont posté un total de/," ");</script><script type="text/javascript">document.getElementById('totalp').innerHTML=document.getElementById ('totalp').innerHTML.replace(/messages/," ");</script>
          messages
        </span><br /><br />
        <span id="uonline" class="gensmall">
          {TOTAL_USERS_ONLINE}
          <script type="text/javascript">document.getElementById('uonline').innerHTML=document.getElementById ('uonline').innerHTML.replace(/Il y a en tout/,"");</script>
          <script type="text/javascript">document.getElementById('uonline').innerHTML=document.getElementById ('uonline').innerHTML.replace(/utilisateur en ligne ::/,"présent (");</script>
          <script type="text/javascript">document.getElementById('uonline').innerHTML=document.getElementById ('uonline').innerHTML.replace(/utilisateurs en ligne ::/,"présent (");</script>
          <script type="text/javascript">document.getElementById('uonline').innerHTML=document.getElementById ('uonline').innerHTML.replace(/Enregistré/,"membre");</script>
          <script type="text/javascript">document.getElementById('uonline').innerHTML=document.getElementById ('uonline').innerHTML.replace(/Enregistrés/,"membres");</script>
          <script type="text/javascript">document.getElementById('uonline').innerHTML=document.getElementById ('uonline').innerHTML.replace(/Invisible/,"fantôme");</script>
          <script type="text/javascript">document.getElementById('uonline').innerHTML=document.getElementById ('uonline').innerHTML.replace(/Invisibles/,"fantômes");</script>
          <script type="text/javascript">document.getElementById('uonline').innerHTML=document.getElementById ('uonline').innerHTML.replace(/Invité/,"touriste");</script>
          <script type="text/javascript">document.getElementById('uonline').innerHTML=document.getElementById ('uonline').innerHTML.replace(/Invités/,"touristes");</script>)
        </span><br /><br />
        <div class="center"><span id="bienvenue" class="gensmall">Bienvenue à
          <br/><span class="bienvenue" id="dernier_membre">{NEWEST_USER}</span> !
          <script type="text/javascript">document.getElementById('bienvenue').innerHTML=document.getElementById ('bienvenue').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"");</script>
        </span></div>
      </td>
      <td class="case2t">
        En ligne durant les dernières 48 heures
      </td>
    </tr>
    <tr>
      <td class="case2">
        <div style="height:70px;overflow:auto;">
        <span id="48h" style="text-align:justify;"><table>{L_CONNECTED_MEMBERS}</table><script type="text/javascript">document.getElementById('48h').innerHTML=document.getElementById ('48h').innerHTML.replace(/Membres connectés au cours des 48 dernières heures : /," ");</script>
    </span>
        </div>
      </td>
    </tr>
      </table>
  <table class="fondqeel">
    <tr>
      <td class="case2t">
        En ligne présentement
      </td>
      <td class="case3" rowspan="2">
        <div class="container">
          <a class="btn dena" href="/g5-denarian-and-less">Denarian and younger</a><br/>
          <a class="btn vice" href="/g6-vicenarian">Vicenarian</a><br/>
          <a class="btn trice" href="/g7-tricenarian">Tricenarian</a><br/>
          <a class="btn quad" href="/g8-quadragenarian-and-more">Quadragenarian and older</a><br/>
          <a class="btn pnj" href="/g15-pnj">PNJ</a>
        </div>
      </td>
    </tr>
    <tr>
      <td class="case2">
        <div style="overflow:auto;height:70px;width:430px;">
          <div style="height:70px;overflow:auto;">
        <span id="online" class="gensmall">
          {LOGGED_IN_USER_LIST}
          <script type="text/javascript">document.getElementById('online').innerHTML=document.getElementById ('online').innerHTML.replace(/Utilisateurs enregistrés :/," ");</script>
        </span>
          </div>
        </div>
      </td>
    </tr>
  </table>
    </td>
  </tr>
 <!-- BEGIN switch_chatbox_activate -->
 <tr>
 <td class="row1">
 <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}<br />
 <!-- BEGIN switch_chatbox_popup -->
 <div id="chatbox_popup"></div>
 <script type="text/javascript">
 //<![CDATA[
 insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
 //]]>
 </script>
 <!-- END switch_chatbox_popup -->
 </span>
 </td>
 </tr>
 <!-- END switch_chatbox_activate -->
</table>
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
 <tr>
 <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
 <td><span class="gensmall">{L_NEW_POSTS}</span></td>
 <td></td>
 <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
 <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
 <td> &nbsp;</td>
 <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
 <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
 </tr>
</table>
<!-- END switch_legend -->

{AUTO_DST}
Revenir en haut Aller en bas
Wow
Wow
Âge : 31
Situation amoureuse : test
Occupation : test
Habitation : test
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ultrices orci in suscipit cursus. Phasellus facilisis pretium nisi, vitae aliquam quam maximus eget. Donec eu turpis lacus. Phasellus vitae justo non lectus posuere sollicitudin. Aliquam gravida in nulla egestas euismod. Integer pulvinar libero at fermentum lacinia. Mauris euismod eu massa eu pharetra. Nullam lobortis enim lobortis ex vehicula, nec mollis ipsum ullamcorper. Nulla ac nulla neque. Vivamus ultrices euismod odio ut volutpat. Vivamus imperdiet fermentum arcu, a facilisis magna sollicitudin id. Pellentesque dui felis, vehicula nec euismod suscipit, placerat non magna. Curabitur lacus nisi, efficitur elementum velit ut, dapibus placerat eros. Praesent quis iaculis nulla.
Date d'inscription : 15/04/2020
Messages : 54
Nombre d'RPs : 71
Nombres de mots en RP : test
Pseudo HJ : test
Pronom IRL : test
Pronom IG : test
Avatar : test
Pour un lien, contacte-moi via : MP
Multicompte(s) : test
présentation
fiche de liens
instagram
moodboard
spotify
Âge : 31
Situation amoureuse : test
Occupation : test
Habitation : test
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ultrices orci in suscipit cursus. Phasellus facilisis pretium nisi, vitae aliquam quam maximus eget. Donec eu turpis lacus. Phasellus vitae justo non lectus posuere sollicitudin. Aliquam gravida in nulla egestas euismod. Integer pulvinar libero at fermentum lacinia. Mauris euismod eu massa eu pharetra. Nullam lobortis enim lobortis ex vehicula, nec mollis ipsum ullamcorper. Nulla ac nulla neque. Vivamus ultrices euismod odio ut volutpat. Vivamus imperdiet fermentum arcu, a facilisis magna sollicitudin id. Pellentesque dui felis, vehicula nec euismod suscipit, placerat non magna. Curabitur lacus nisi, efficitur elementum velit ut, dapibus placerat eros. Praesent quis iaculis nulla.
Date d'inscription : 15/04/2020
Messages : 54
Nombre d'RPs : 71
Nombres de mots en RP : test
Pseudo HJ : test
Pronom IRL : test
Pronom IG : test
Avatar : test
Pour un lien, contacte-moi via : MP
Multicompte(s) : test
présentation
fiche de liens
instagram
moodboard
spotify
Âge : 31
Situation amoureuse : test
Occupation : test
Habitation : test
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ultrices orci in suscipit cursus. Phasellus facilisis pretium nisi, vitae aliquam quam maximus eget. Donec eu turpis lacus. Phasellus vitae justo non lectus posuere sollicitudin. Aliquam gravida in nulla egestas euismod. Integer pulvinar libero at fermentum lacinia. Mauris euismod eu massa eu pharetra. Nullam lobortis enim lobortis ex vehicula, nec mollis ipsum ullamcorper. Nulla ac nulla neque. Vivamus ultrices euismod odio ut volutpat. Vivamus imperdiet fermentum arcu, a facilisis magna sollicitudin id. Pellentesque dui felis, vehicula nec euismod suscipit, placerat non magna. Curabitur lacus nisi, efficitur elementum velit ut, dapibus placerat eros. Praesent quis iaculis nulla.
Date d'inscription : 15/04/2020
Messages : 54
Nombre d'RPs : 71
Nombres de mots en RP : test
Pseudo HJ : test
Pronom IRL : test
Pronom IG : test
Avatar : test
Pour un lien, contacte-moi via : MP
Multicompte(s) : test
présentation
fiche de liens
instagram
moodboard
spotify

Re: btr version 2
Jeu 4 Fév - 14:44

Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall">{LAST_VISIT_DATE}<br />
         {CURRENT_TIME}<br />
         </span>
         <!-- END switch_user_logged_in -->
         <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
         <!-- END switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
   </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
   </tr>
   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
         <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
               <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
         </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right">&nbsp;</td>
   </tr>
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
   <tr>
          <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
                  <table cellpadding="0" cellspacing="1" width="100%" style="height:110px!important;" class="test">
                    <tbody>
                      <tr>
                        <td valign="top">
                          <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                        </td>
                        <td valign="top">
                          <div class="titre_cat">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
                          </div>
                          <div class="desc_cat">
                            <span class="genmed" style="text-align:justify;">{catrow.forumrow.FORUM_DESC}</span>
                          </div>
                        </td>
                        <td valign="top">
                          <table cellpadding="0" cellspacing="1">
                            <tbody>
                              <tr>
                                <td>
                          <div class="sf_cat">
                            <div class="retvirg">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
                          <script type="text/javascript">$('.retvirg').each(function(){$(this).html($(this).html().replace(/>, /g,"><br /> "));});</script>
                          </div>
                                </td>
                              </tr>
                              <tr>
                                <td>
                                  <table cellpadding="0" cellspacing="1">
                                    <tbody>
                                      <tr>
                                        <td align="center">
                                          <div class="sm_cat">
                                            <span class="gensmall">{catrow.forumrow.TOPICS} sujets</span>
                                          </div>
                                        </td>
                                        <td align="center">
                                          <div class="sm_cat">
                                            <span class="gensmall">{catrow.forumrow.POSTS} messages</span>
                                          </div>
                                        </td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </td>
                              </tr>
                            </tbody>
                          </table>
                        </td>
                        <td>
                          <div class="last_cat">
                            <center>
                  <!-- BEGIN ads -->
            <span class="AD_LastPA">
                <span class="lastpost-avatar"><img src="{catrow.forumrow.ads.IMG}" alt="{catrow.forumrow.ads.TITLE}" /></span>
                <span class="AD_LastInfos">
                    <b><a href="{catrow.forumrow.ads.LINK}">{catrow.forumrow.ads.TITLE}</a></b><br />
                    {catrow.forumrow.ads.DATE}<br />
                    {catrow.forumrow.ads.LOCATION}
                </span>
            </span>
            <!-- END ads -->
            <!-- BEGIN avatar -->
            <div style="width: 200px;"></div>
            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
            <!-- END avatar -->

         <br/><br/><span class="gensmall">{catrow.forumrow.LAST_POST}</span>
                          </center>
                          </div>
                        </td>
                      </tr>
                    </tbody>
                  </table>
      </td>
   </tr>
   <!-- END forumrow -->
   <!-- BEGIN catfoot -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
   </tr>
   <!-- END catfoot -->
   <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
Revenir en haut Aller en bas
Wow
Wow
Âge : 31
Situation amoureuse : test
Occupation : test
Habitation : test
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ultrices orci in suscipit cursus. Phasellus facilisis pretium nisi, vitae aliquam quam maximus eget. Donec eu turpis lacus. Phasellus vitae justo non lectus posuere sollicitudin. Aliquam gravida in nulla egestas euismod. Integer pulvinar libero at fermentum lacinia. Mauris euismod eu massa eu pharetra. Nullam lobortis enim lobortis ex vehicula, nec mollis ipsum ullamcorper. Nulla ac nulla neque. Vivamus ultrices euismod odio ut volutpat. Vivamus imperdiet fermentum arcu, a facilisis magna sollicitudin id. Pellentesque dui felis, vehicula nec euismod suscipit, placerat non magna. Curabitur lacus nisi, efficitur elementum velit ut, dapibus placerat eros. Praesent quis iaculis nulla.
Date d'inscription : 15/04/2020
Messages : 54
Nombre d'RPs : 71
Nombres de mots en RP : test
Pseudo HJ : test
Pronom IRL : test
Pronom IG : test
Avatar : test
Pour un lien, contacte-moi via : MP
Multicompte(s) : test
présentation
fiche de liens
instagram
moodboard
spotify
Âge : 31
Situation amoureuse : test
Occupation : test
Habitation : test
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ultrices orci in suscipit cursus. Phasellus facilisis pretium nisi, vitae aliquam quam maximus eget. Donec eu turpis lacus. Phasellus vitae justo non lectus posuere sollicitudin. Aliquam gravida in nulla egestas euismod. Integer pulvinar libero at fermentum lacinia. Mauris euismod eu massa eu pharetra. Nullam lobortis enim lobortis ex vehicula, nec mollis ipsum ullamcorper. Nulla ac nulla neque. Vivamus ultrices euismod odio ut volutpat. Vivamus imperdiet fermentum arcu, a facilisis magna sollicitudin id. Pellentesque dui felis, vehicula nec euismod suscipit, placerat non magna. Curabitur lacus nisi, efficitur elementum velit ut, dapibus placerat eros. Praesent quis iaculis nulla.
Date d'inscription : 15/04/2020
Messages : 54
Nombre d'RPs : 71
Nombres de mots en RP : test
Pseudo HJ : test
Pronom IRL : test
Pronom IG : test
Avatar : test
Pour un lien, contacte-moi via : MP
Multicompte(s) : test
présentation
fiche de liens
instagram
moodboard
spotify
Âge : 31
Situation amoureuse : test
Occupation : test
Habitation : test
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ultrices orci in suscipit cursus. Phasellus facilisis pretium nisi, vitae aliquam quam maximus eget. Donec eu turpis lacus. Phasellus vitae justo non lectus posuere sollicitudin. Aliquam gravida in nulla egestas euismod. Integer pulvinar libero at fermentum lacinia. Mauris euismod eu massa eu pharetra. Nullam lobortis enim lobortis ex vehicula, nec mollis ipsum ullamcorper. Nulla ac nulla neque. Vivamus ultrices euismod odio ut volutpat. Vivamus imperdiet fermentum arcu, a facilisis magna sollicitudin id. Pellentesque dui felis, vehicula nec euismod suscipit, placerat non magna. Curabitur lacus nisi, efficitur elementum velit ut, dapibus placerat eros. Praesent quis iaculis nulla.
Date d'inscription : 15/04/2020
Messages : 54
Nombre d'RPs : 71
Nombres de mots en RP : test
Pseudo HJ : test
Pronom IRL : test
Pronom IG : test
Avatar : test
Pour un lien, contacte-moi via : MP
Multicompte(s) : test
présentation
fiche de liens
instagram
moodboard
spotify

Re: btr version 2
Jeu 4 Fév - 14:44

Code:
<!-- BEGIN html_validation -->
<div>
   <div>
      <table>
         <tbody>
            <tr>
               <td>
<!-- END html_validation -->
               </td>
               <td valign="top" width="{C3SIZE}">
               <div id="{ID_RIGHT}">
                  <!-- BEGIN giefmod_index2 -->
                  {giefmod_index2.MODVAR}
                  <!-- BEGIN saut -->
                  <div style="height: {SPACE_ROW}px"></div>
                  <!-- END saut -->
                  <!-- END giefmod_index2 -->
               </div>
               </td>
            </tr>
         </tbody>
      </table>
   </div>
</div>
<a id="bottom" name="bottom"></a>
<!-- close div id="page-body" -->
<div id="page-footer">
   <div align="center" style="position:fixed;bottom:0px;z-index:9999;width:760px;line-height:7px!important;padding:3px;">
      <div class="gen">
<!-- BEGIN html_validation -->
      </div>
   </div>
</div>
<!-- END html_validation -->
Revenir en haut Aller en bas
Wow
Wow
Âge : 31
Situation amoureuse : test
Occupation : test
Habitation : test
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ultrices orci in suscipit cursus. Phasellus facilisis pretium nisi, vitae aliquam quam maximus eget. Donec eu turpis lacus. Phasellus vitae justo non lectus posuere sollicitudin. Aliquam gravida in nulla egestas euismod. Integer pulvinar libero at fermentum lacinia. Mauris euismod eu massa eu pharetra. Nullam lobortis enim lobortis ex vehicula, nec mollis ipsum ullamcorper. Nulla ac nulla neque. Vivamus ultrices euismod odio ut volutpat. Vivamus imperdiet fermentum arcu, a facilisis magna sollicitudin id. Pellentesque dui felis, vehicula nec euismod suscipit, placerat non magna. Curabitur lacus nisi, efficitur elementum velit ut, dapibus placerat eros. Praesent quis iaculis nulla.
Date d'inscription : 15/04/2020
Messages : 54
Nombre d'RPs : 71
Nombres de mots en RP : test
Pseudo HJ : test
Pronom IRL : test
Pronom IG : test
Avatar : test
Pour un lien, contacte-moi via : MP
Multicompte(s) : test
présentation
fiche de liens
instagram
moodboard
spotify
Âge : 31
Situation amoureuse : test
Occupation : test
Habitation : test
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ultrices orci in suscipit cursus. Phasellus facilisis pretium nisi, vitae aliquam quam maximus eget. Donec eu turpis lacus. Phasellus vitae justo non lectus posuere sollicitudin. Aliquam gravida in nulla egestas euismod. Integer pulvinar libero at fermentum lacinia. Mauris euismod eu massa eu pharetra. Nullam lobortis enim lobortis ex vehicula, nec mollis ipsum ullamcorper. Nulla ac nulla neque. Vivamus ultrices euismod odio ut volutpat. Vivamus imperdiet fermentum arcu, a facilisis magna sollicitudin id. Pellentesque dui felis, vehicula nec euismod suscipit, placerat non magna. Curabitur lacus nisi, efficitur elementum velit ut, dapibus placerat eros. Praesent quis iaculis nulla.
Date d'inscription : 15/04/2020
Messages : 54
Nombre d'RPs : 71
Nombres de mots en RP : test
Pseudo HJ : test
Pronom IRL : test
Pronom IG : test
Avatar : test
Pour un lien, contacte-moi via : MP
Multicompte(s) : test
présentation
fiche de liens
instagram
moodboard
spotify
Âge : 31
Situation amoureuse : test
Occupation : test
Habitation : test
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ultrices orci in suscipit cursus. Phasellus facilisis pretium nisi, vitae aliquam quam maximus eget. Donec eu turpis lacus. Phasellus vitae justo non lectus posuere sollicitudin. Aliquam gravida in nulla egestas euismod. Integer pulvinar libero at fermentum lacinia. Mauris euismod eu massa eu pharetra. Nullam lobortis enim lobortis ex vehicula, nec mollis ipsum ullamcorper. Nulla ac nulla neque. Vivamus ultrices euismod odio ut volutpat. Vivamus imperdiet fermentum arcu, a facilisis magna sollicitudin id. Pellentesque dui felis, vehicula nec euismod suscipit, placerat non magna. Curabitur lacus nisi, efficitur elementum velit ut, dapibus placerat eros. Praesent quis iaculis nulla.
Date d'inscription : 15/04/2020
Messages : 54
Nombre d'RPs : 71
Nombres de mots en RP : test
Pseudo HJ : test
Pronom IRL : test
Pronom IG : test
Avatar : test
Pour un lien, contacte-moi via : MP
Multicompte(s) : test
présentation
fiche de liens
instagram
moodboard
spotify

Re: btr version 2
Jeu 4 Fév - 14:46

CSS

Code:
/* --- DÉBUT COULEURS --- */

:root {
  --white-color: #ffffff;
  --base-color: #eeeff3;
  --medium-color: #d5d8de;
  --medium2-color: #e0e1e6;
  --dark-color: #9eaecd;
  --dark2-color: #8596b7;
  --dark3-color: #649c9e;
  --title-color: #6f868d;
  --gradient-color: linear-gradient(45deg,#9daaca,#7db5b1);
}

/** FIN COULEURS **/

/* --- Catégories --- */

.titre_cat {
  height:15px;
  width:378px;
  background-color: var(--medium2-color);
  padding:5px;
  text-transform:lowercase;
  border-bottom: 1px solid #dedad5;
}

.desc_cat {
  height:75px;
  width:378px;
  background-color: var(--base-color);
  padding:5px;
  overflow: auto;
  text-align: justify;
}

.sf_cat {
  height:77px;
  width:150px;
  background-color: var(--base-color);
  padding:5px;
  text-transform:lowercase;
  overflow: auto;
  text-align: justify;
}

.sm_cat {
  white-space: nowrap;
  height:10px;
  width:69px;
  background-color: var(--medium2-color);
  padding:5px;
  text-transform:lowercase;
  border-bottom: 1px solid #dedad5;
  text-shadow: var(--base-color) 1px 1px 0px;
  color: var(--title-color);
}

.last_cat {
  height:100px;
  width:150px;
  background-color: var(--base-color);
  padding:5px;
  border-bottom: 1px solid var(--base-color);
}

/* --- Profil en u --- */

.field_uneditable img {
    width: 200px;
}

.field_uneditable {
    text-align: justify;
}

/* --- Liste multicomptes --- */

pc, pc > a.mentiontag {
    color: #799d98;
    font-weight: 700;
}

dc, dc > a.mentiontag {
    color: #85b0c2;
    font-weight: 700;
}

tc, tc > a.mentiontag{
    color: #8091b9;
    font-weight: 700;
}

qc, qc > a.mentiontag{
    color: #59597e;
    font-weight: 700;
}

/* --- Page d'accueil --- */

img.lettre {
    float: left;
}

#slider {
  position: relative;
  overflow: hidden;
  margin: 0px auto 0 auto;
  border-radius: 4px;
}

#slider ul {
  position: relative;
  margin: 0;
  padding: 0;
  height: 100px;
  list-style: none;
}

#slider ul li {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 245px;
  height: 100px;
  background: #ccc;
  text-align: center;
  line-height: 100px;
}

a.control_prev, a.control_next {
  position: absolute;
  top: 40%;
  z-index: 999;
  display: block;
  padding: 3px;
  width: auto;
  height: auto;
  color: var(--white-color);
  text-decoration: none;
  font-weight: 600;
  font-size: 12px;
  opacity: 0.8;
  cursor: pointer;
}

a.control_prev:hover, a.control_next:hover {
  opacity: 1;
  -webkit-transition: all 0.2s ease;
}

a.control_prev {
  border-radius: 0 2px 2px 0;
}

a.control_next {
  right: 0;
  border-radius: 2px 0 0 2px;
}

.case {
  background-color: var(--base-color);
  border-bottom: 1px solid  var(--base-color);
  font-family: Questrial;
  font-size: 11px;
  height: 50px!important;
  overflow: hidden;
  padding: 10px;
  text-align: justify;
  vertical-align: top;
  width:33%;
}

.caset {
  background-color: var(--medium2-color);
  border-bottom: 1px solid #dedad5;
  color: var(--title-color);
  font-family: 'Playfair Display', serif;
  font-size: 11px;
  font-weight: 500;
  height: 5px;
  padding: 5px;
  text-align: justify;
  text-shadow: var(--white-color) 1px 1px 0;
  text-transform: lowercase;
  transition: all .5s ease;
}

.menupa i, .menupa2 i, .menupa3 i {
    color: var(--medium-color);
    width: 20px;
    height: 10px;
}

.menupa a {
  font-size: 12px!important;
  text-shadow: var(--white-color) 1px 1px 0;
  transition: all .5s ease;
  text-transform: lowercase;
  text-decoration: none;
  color: var(--dark-color);
  font-weight:700;
  line-height:14px;
  font-family: 'Playfair Display', serif;
}

.menupa2 a {
    color: var(--dark2-color);
    font-size: 12px!important;
    line-height: 14px;
    text-decoration: none;
    text-shadow: var(--white-color) 1px 1px 0;
    text-transform: lowercase;
    font-weight:700;
    transition: all .5s ease;
    font-family: 'Playfair Display', serif;
}

.menupa3 a {
    color: var(--dark3-color);
    font-size: 12px!important;
    line-height: 14px;
    text-decoration: none;
    text-shadow: var(--white-color) 1px 1px 0;
    text-transform: lowercase;
    font-weight:700;
    transition: all .5s ease;
    font-family: 'Playfair Display', serif;
}

.menupa a:hover, .menupa2 a:hover, .menupa3 a:hover {
  transition: all .5s ease;
  color: var(--medium-color);
  padding-left:30px;
}

.optimise:before {
  font-size:12px;
  color: var(--title-color);
  content:'\e007 \0020 \f282 \0020 \f268 \0020';
  font-family:'fontawesome';
}

.optimise {
  font-size:9px;
  color: var(--title-color);
}

/* --- Modele bottin --- */

pris {
  color:#434e74;
  font-weight:700;
}

resa {
  color:#738eae;
  font-weight:700;
}

/* --- Modele de liens et pré-liens --- */

.imgliens {
    border: 2px var(--white-color) solid;
    height: 70px;
    object-fit: cover;
    outline: 1px solid #dedad5;
    width: 30px;
}

.imgplien {
    border: 2px var(--white-color) solid;
    outline: 1px solid #dedad5;
    margin-left: 1px;
    width: 100px;
    height: 160px;
    object-fit: cover;
}

fini:before {
  content:'\f058';
  font-family:FontAwesome;
  color:#70ab2a;
  padding-right: 5px;
}

cours:before {
  content:'\f111';
  font-family:FontAwesome;
  color:#bfa043;
  padding-right: 5px;
}

abandonne:before {
  content:'\f057';
  font-family:FontAwesome;
  color:#b24141;
  padding-right: 5px;
}

/* --- Modele de présentation --- */

.imgfiche {
    border: 2px var(--white-color) solid;
    outline: 1px solid #dedad5;
    margin-left: 1px;
    width: 200px;
    height: 100px;
    object-fit: cover;
}

ul#anec li {
  display: list-item;
  list-style-type: upper-roman;
}

ul#anec li::marker {
  color: var(--dark-color);
  font-weight:700;
}

ul#anec {
  margin: 0px;
  padding-inline-start: 22px;
}

.imgfiche img {
  width:200px;
  height:100px;
  object-fit:cover;
}

/* --- Modele Admin --- */

fieldset {
    border: #dedad566 1px solid;
    background:  var(--base-color);
}

.bmodele {
  background-color:#9eaecd;
  border:  var(--base-color) 2px solid;
  outline: #e0e1e6 1px solid;
  padding: 5px;
}

.bmodele2 {
  background-color:#e0e1e6;
  padding: 7px;
  border:#e0e1e6 7px solid;
  outline:#dedad5 1px solid;
}

.btitremodele {
  background-color:#9eaecd;
  text-transform:lowercase;
  padding:5px 20px 5px 20px ;
  border-bottom: 1px solid #8da1c6;
  font-family: 'Playfair Display', serif;
  font-size:15px;
  color: var(--white-color);
  text-shadow: 1px 1px 0px var(--dark2-color);
}

.btitremodele it {
  color: var(--white-color);
}

.bstmodele {
  color:#5f6d99;
  font-size:10px;
  padding-left:10px;
}

/* --- Profils --- */

.fprofils {
  background-color: var(--base-color);
  border: 1px solid #dedad5;
  padding:5px;
}

.rangp {
    position: absolute;
}

.bprofils {
    background-color: var(--medium2-color);
    border: var(--white-color) 2px solid;
    outline: #dedad5 1px solid;
    padding: 3px;
}

.pseudop {
    color: #545250;
    font-size: 15px;
    font-weight: 500!important;
    font-family: 'Playfair Display', serif;
    text-transform: lowercase;
}

.profil_mess {
  background:  var(--base-color);
  border: 1px solid #dedad5;
}
.profil_onglet {
height: 20px;
}
                                     
.profil_onglet a, .profil_onglet a:active, .profil_onglet a:focus, .profil_onglet a:hover, .profil_onglet a:visited {
    color: var(--dark2-color);
    font-family: 'Playfair Display', serif;
    font-size: 9px;
    padding: 3px;
    text-decoration: none;
    text-transform: lowercase;
    width: 94px!important;
    text-align: center;
}

.profil_onglet .selected {
  background: var(--base-color);
  color: var(--dark-color);
}
 
.onglet_rpg, .onglet_profil {
  background: var(--medium-color);
  color: var(--medium-color);
  display: inline-block;
}
 
.profil_mess .rpg, .profil_mess .rpg br:first-child{
display: none;
}
 
.profil_mess .profil, .profil_mess .rpg{
max-height: 210px;
width:200px;
text-align: left;
padding: 4px;
}
                                     
.profil_mess img, .rpg img{
max-width:180px;
}

.contactt a, .contactt a:hover {
  font-size:14px;
  color: var(--dark2-color);
  padding: 0px 5px;
  position: relative;
}

/* partie 1 */  .profile_fields1 .profil_field1:nth-child(n+7) {display:none;}
/* partie 2 */  .profile_fields2 .profil_field2:nth-child(-n+6) {display:none;}
/* partie 2 */  .profile_fields2 .profil_field2:nth-child(n+18) {display:none;}
/* champ contact */  .profile_fields3 .profil_field3:nth-child(-n+17) {display:none;}
.profil_field3 {display:inline;}
.profil_field3:nth-child(18) a:before {font-family:FontAwesome;content:'\f2bd';font-size:14px;color: var(--dark2-color);padding: 0px 5px;position: relative;}
.profil_field3:nth-child(19) a:before {font-family:FontAwesome;content:'\f234';font-size:14px;color: var(--dark2-color);padding: 0px 5px;position: relative;}
.profil_field3:nth-child(20) a:before {font-family:FontAwesome;content:'\f16d';font-size:14px;color: var(--dark2-color);padding: 0px 5px;position: relative;}
.profil_field3:nth-child(21) a:before {font-family:FontAwesome;content:'\f0d2';font-size:14px;color: var(--dark2-color);padding: 0px 5px;position: relative;}
.profil_field3:nth-child(22) a:before {font-family:FontAwesome;content:'\f1bc';font-size:14px;color: var(--dark2-color);padding: 0px 5px;position: relative;}
.profil_field1:nth-child(2) {display:flex;}
.profil_field1:nth-child(2):after {content:'\00a0 ans';}

.postdetails.poster-profile span.label {
    white-space: pre;
}

/* --- Général --- */

body {
  background-image: url('https://images2.imgbox.com/72/9a/sluy6x3W_o.png');
  background-position: bottom;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right {
  padding:0px!important;
  background-color: transparent;
}

.containerprofil {
  text-align:justify;
}

a, a:hover, a:link {text-decoration: none!important;}

.bodyline {
    top: -20px;
    position: relative;
}

#i_logo {
  width: 758px;
  border: var(--base-color) 2px solid;
  margin-top: 12px;
}

.boutonhautbas {
  bottom: 50%;
  right: 10px;
  position: fixed;
  z-index: 999;
}

/* --- Qui est en ligne --- */

.trans .row1 {
  background-color : transparent;
  font-size:9px!important;
  font-family: questrial!important;
}

.trans a {
  font-size:11px!important;
  font-family:questrial;
}

.case1 {
  font-family: Questrial;
  font-size:11px;
  width: 35%;
  text-align: justify;
  height: 70px;
  background-color:  var(--base-color);
  padding: 10px;
  border-bottom: 1px solid  var(--base-color);
  vertical-align: top;
}

.case2 {
  font-family: Questrial;
  font-size:11px;
  text-align: justify;
  height: 70px;
  background-color:  var(--base-color);
  padding: 10px;
  border-bottom: 1px solid  var(--base-color);
  vertical-align: top;
  width: 55%;
}

.case2t {
  font-family: 'Playfair Display', serif;
  font-size:11px;
  width:300px;
  text-align: justify;
  height: 5px;
  padding: 5px;
  background-color:  var(--medium2-color);
  text-transform: lowercase;
  border-bottom: 1px solid rgb(222, 218, 213);
  font-weight: 500;
  text-shadow: var(--white-color) 1px 1px 0;
  transition: all .5s ease;
  color: var(--title-color);
}

.case3 {
  font-family: Questrial;
  font-size:11px;
  text-align: center;
  height: 50px;
  background-color:  var(--base-color);
  padding: 10px;
  border-bottom: 1px solid  var(--base-color);
  vertical-align: top;
  line-height: 25px;
}

.center {
  text-align: center;
}

.fondqeel {
  background-color: var(--medium-color);
}

.number {
  font-family: 'Questrial';
  font-size: 20px;
  margin: -10px 5px 5px 5px;
  color: var(--dark2-color);
  text-shadow: #d9d2cb 1px 1px 0px;
}

.bienvenue {
  font-family: 'Playfair Display', serif;
  font-size: 15px;
  margin: -10px 5px 5px 5px;
  color: #b3aeaa;
  text-shadow: #d9d2cb 1px 1px 0px;
  text-transform:uppercase;
  font-style:italic;
}

.numberl {
  float: left;
  font-family: 'Questrial';
  font-size: 20px;
  margin: -5px 5px 5px 5px;
  color: #b3aeaa;
  text-shadow: #d9d2cb 1px 1px 0px;
}

.dena, .vice, .trice, .quad, .pnj {
  background:  var(--base-color);
  border: #dedad5 1px solid;
  padding: 5px;
  font-size:10px;
}

.pnj a {
  color:#464646;
  font-weight:700;
  text-decoration: none;
  }

.dena a {
color:#AD6D6D;
font-weight:700;
text-decoration: none;
}

.vice a {
color:#949191;
font-weight:700;
text-decoration: none;
}

.trice a {
color:#C28132;
font-weight:700;
text-decoration: none;
}

.quad a {
color:#C2A79D;
font-weight:700;
text-decoration: none;
}

.imgqeel {
  width: 130px;
  position: relative;
  left: -65px;
  top: -30px;
}

/* -- Admin -- */
/* PNJ */
a span[style="color:#464646"] strong:before {content:"\f0e7";font-family:FontAwesome;font-size:8px;vertical-align: top;color: #d8d0c7;margin-right: 2px;}
/* Dena */
a span[style="color:#7946A3"] strong:before {content:"\f186";font-family:FontAwesome;font-size:8px;vertical-align: top;color: #d8d0c7;margin-right: 2px;}
/* Vice */
a span[style="color:#992F64"] strong:before {content:"\f186";font-family:FontAwesome;font-size:8px;vertical-align: top;color: #d8d0c7;margin-right: 2px;}
/* Trice */
a span[style="color:#657045"] strong:before {content:"\f186";font-family:FontAwesome;font-size:8px;vertical-align: top;color: #d8d0c7;margin-right: 2px;}
/* Quad */
a span[style="color:#279C94"] strong:before {content:"\f186";font-family:FontAwesome;font-size:8px;vertical-align: top;color: #d8d0c7;margin-right: 2px;}

/* -- Modo -- */
/* Dena */
a span[style="color:#76459E"] strong:before {content:"\f005";font-family:FontAwesome;font-size:8px;vertical-align: top;color: #d8d0c7;margin-right: 2px;}
/* Vice */
a span[style="color:#963063"] strong:before {content:"\f005";font-family:FontAwesome;font-size:8px;vertical-align: top;color: #d8d0c7;margin-right: 2px;}
/* Trice */
a span[style="color:#657047"] strong:before {content:"\f005";font-family:FontAwesome;font-size:8px;vertical-align: top;color: #d8d0c7;margin-right: 2px;}
/* Quad */
a span[style="color:#259991"] strong:before {content:"\f005";font-family:FontAwesome;font-size:8px;vertical-align: top;color: #d8d0c7;margin-right: 2px;}

/* --- Menu --- */

a.mainmenu {
    text-transform: lowercase;
    text-decoration: none;
}

a.mainmenu img {
    display: none;
}

/* --- Liste des sujets --- */

.word-count {
    font-weight: normal;
    color: var(--dark-color);
    font-family:questrial;
    font-size:10px;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 4px !important;
}

/* Titre */

.btitresujets {
    background-color:  var(--base-color);
    padding: 5px;
    height: 25px;
    line-height: 10px;
    width: 368px;
}

.descsujets {
font-size:10px;
}

a.topictitle {
  font-family: 'Playfair Display', serif;
  text-transform:lowercase;
  font-weight:600;
}

.bmsgrep {
    background-color:  var(--base-color);
    padding: 5px;
    height: 25px;
    line-height: 13px;
    display: table-cell;
}

.bauthor {
    background-color:  var(--base-color);
    padding: 5px;
    height: 25px;
    line-height: 13px;
    width:100px;
    font-size:10px!important;
    white-space: nowrap;
}

.blastmsg {
    background-color:  var(--base-color);
    height: 25px;
    line-height: 10px;
    padding: 5px;
    width: 140px;
}

/* Dernier message */

.lastpost-avatar2 img {
    border: 2px var(--white-color) solid;
    outline: 1px var(--dark-color) solid;
    border-radius: 0!important;
    filter: grayscale(0.6);
    height: 30px;
    object-fit: cover;
    width: 30px;
    object-position: top;
    float:left;
}

/* --- Catégories --- */

/* Titre catégories */

.titretop {
  font-family: 'Playfair Display', serif;font-size: 14px;text-shadow: var(--dark3-color) 1px 1px 0;text-transform: uppercase;
}

th {
    background: var(--gradient-color);
    outline:  var(--medium-color) 1px solid;
    border:  var(--base-color) 2px solid;
    color: var(--white-color);
    font-size: 11px;
    font-weight: 700;
    height: 25px;
    padding: 2px 3px;
}

.secondarytitle, .secondarytitle h2 {
    padding: 5px;
}

.secondarytitle h2 {
  text-transform:uppercase;
  font-family: 'Playfair Display', serif;
  font-size: 17px;
  text-shadow: var(--dark3-color) 1px 1px 0px;
}

/* Titre Forums */

a.forumlink {
  font-weight:500;
  font-family: 'Playfair Display', serif;
  transition: all 0.5s ease;
  text-shadow: var(--white-color) 1px 1px 0px;
}

a.forumlink:hover {
  font-weight:500;
  font-family: 'Playfair Display', serif;
  padding-left:5px;
  transition: all 0.5s ease;
}

/* Dernier message */

.lastpost-avatar img {
    border: 2px var(--white-color) solid;
    outline: 1px var(--dark-color) solid;
    border-radius: 0!important;
    filter: grayscale(0.6);
    height: 95px;
    object-fit: cover;
    width: 30px;
}

/* Sous-forums */

.retvirg a {
  font-size:10px!important;
  transition: all 0.5s ease;
  text-shadow: var(--medium2-color) 1px 1px 0px;
}

.retvirg a:hover {
  box-shadow: inset 0 -4px 0 var(--medium2-color) !important;
}

/* --- Messages --- */

.av_quickreply img {
    width: 90px!important;
    height: 196px!important;
    position: relative;
    top: -9px!important;
    object-fit:cover;
    border: 2px solid var(--white-color);
    outline: #dedad5 1px solid;
}

.post-options {
    font-size: 12px;
    letter-spacing: 4px;
}

.postbody {text-align:justify;padding:15px;line-height: 13px;}
.postbody img {
  max-width: 480px;
}

b{color:#2c4168;}
.postbody strong{color:#668f8e;}
g{color:#9cacca;font-weight:700;}
g2{color:#932d60;font-weight:700;}
g3{color:#68734a;font-weight:700;}
g4{color:#23918A;font-weight:700;}
it{color:#4c8684;font-style:italic;}
sl{box-shadow: inset 0 -4px 0 #55a2ae85 !important;}

champ{background-color:#dcdce6;border:#adb6ca 1px solid;padding:3px;position:relative;z-index: 999;color:#737a88;}
champ2{background-color:#dee3e6;border:#b3cedd 1px solid;padding:3px;position:relative;z-index: 999;color:#698484;}
champ a{color:#827772;}
champ2 a{color:#827b6c;}
champ a:hover{color:#887065;}
champ2 a:hover{color:#827353;}

dt {
    font-weight: 700;
    color: #2c4168;
    text-transform: lowercase;
}

span.selectCode {
    font-weight: 500;
    color: #292d4a;
    float: right;
    text-transform: lowercase;
    font-family: 'Playfair Display', serif;
}

span.selectCode:before {
    content: '\f121 \0020';
    font-family: 'FontAwesome';
    color: #d0d0d0;
}

.quote, .code, .spoiler_content, .spoiler_closed, .hidecode {
    color: #545250;
    font-family: Questrial;
    font-size: 11px;
    background-color:  var(--base-color)!important;
    border: solid 2px var(--white-color)!important;
    outline: solid 1px #dedad5!important;
    font-size: 11px;
    line-height: 12px;
    letter-spacing: 1px;
    padding: 5px;
}

.codebox {
    background: #9eaecd;
    padding: 3px;
    border: #dedad594 1px solid;
    overflow-wrap: anywhere;
}

/* pour les catégories */

champ3 {
    background-color: #c2d2d1;
    border: #aabfbf 1px solid;
    color: #6d7b7b;
    display: grid;
    padding: 1px!important;
    text-align: center;
}

/* Édit des messages */
tr.post span.gensmall {
  display: none;
}

/* Surlignement Chrome */
::selection {
  background: #b2b6b5 none repeat scroll 0 0;
}

/* --- Scroller Chrome --- */

/* width */
::-webkit-scrollbar {
  width: 7px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background-image: linear-gradient(180deg, #93a2b9, #6c9bad);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background-image: linear-gradient(180deg, #6c9bad, #93a2b9);
}

/* --- Toolbar --- */

  @media screen and (max-width: 1200px) {
  #fa_right #fa_menu #fa_welcome, #fa_right.notification #fa_menu #fa_welcome {
      color: #968e85;
      top: 20px;
  }
 
  #fa_right {
  background: var(--white-color);
  font-size: 10px;
  height: 50px!important;
  position: absolute;
  width: 100%;
  z-index: 9999!important;
  }
 
  #fa_right.welcome #fa_menu ul {
    display: block;
    top: 50px;
}
 
  #fa_toolbar #fa_right.notification #notif_list {
    display: block;
    top: 50px;
}
 
  #fa_toolbar #fa_right #notif_list {
  background-color: var(--white-color);
  border: var(--white-color) 1px solid;
  font-size: 11px;
  left: 100px!important;
  list-style-type: none;
  position: absolute;
  top: 50px;
  width: 330px;
  z-index: 999;
  }
 
  #fa_right #fa_notifications, #fa_welcome {
    color: #968e85;
    font-family: Questrial;
    font-size: 11px;
    left: 100px;
    line-height: 30px;
    padding: 0 5px;
    position: relative;
    text-transform: lowercase;
    top: 20px;
}
 
  .avaSIT {
    z-index: 99999!important;
}
 
}

#fa_right #fa_notifications, #fa_welcome {
    color: #968e85;
    left: 100px;
    line-height: 30px;
    padding: 0 5px;
    position: relative;
    font-family: 'Questrial';
    font-size: 11px;
    text-transform: lowercase;
}

#fa_toolbar {
    background-color: transparent!important;
    height: 10px;
}

#fa_right {
    font-size: 10px;
    position: absolute;
    width: 100%;
    z-index: 900!important;
    background: var(--white-color);
    height:30px;
}

#fa_toolbar #fa_fb, #fa_toolbar #fa_gp, #fa_toolbar #fa_hide, #fa_toolbar #fa_magnifier, #fa_toolbar #fa_mail, #fa_toolbar #fa_rss, #fa_toolbar #fa_twitter, #fa_toolbar_hidden #fa_show #fa_search #fa_share #fa_show {
  display:none!important;
}

#fa_share {
  display:none!important;
}

#fa_search form {
    display:none!important;
}

#fa_toolbar #fa_right #notif_list li a.delete {
    background: transparent url(https://2img.net/i/fa/i/toolbar/toolbar.png) no-repeat -275px 60%;
    float: right;
    height: 17px;
    width: 20px;
}

#fa_toolbar #live_notif .fa_notification {
    background-color: #739fb7;
    border-radius: 100px;
    left: 45px;
    opacity: 1;
    padding: 10px;
    position: absolute;
    text-align: center;
    top: 5px;
    width: 239px;
}

#fa_toolbar #fa_right #notif_list {
    background-color: var(--white-color);
    border: var(--white-color) 1px solid;
    font-size: 11px;
    left: 100px!important;
    list-style-type: none;
    position: absolute;
    top: 30px;
    width: 330px;
    z-index: 999;
}

#fa_toolbar #fa_right #notif_list li.unread {
    background-color:  var(--base-color);
    font-weight: 700;
}

#fa_toolbar #fa_right #notif_list li .content {
    color: inherit!important;
    display: block;
    line-height: inherit!important;
    overflow: hidden;
    vertical-align: top;
    width: 30em;
    width: 319px;
}

#fa_toolbar #fa_right #notif_list li .contentText a {
    color: #bfbbb6!important;
    text-transform:lowercase;
    text-decoration: none!important;
    vertical-align: baseline;
    font-family: verdana;
}

#fa_toolbar #fa_right #notif_list li .contentText {
    float: left;
    height: 2.4em;
    overflow: hidden;
    width: 27em;
    font-size: 10px;
    color: #c3c0bd;
}

#fa_toolbar #fa_right #notif_list li.see_all {
    background-color: var(--white-color);
    color: #968e85;
    text-transform:lowercase;
    padding: .7em!important;
    text-align: right;
}

#fa_toolbar #fa_right .fa_separator {
    background-color: #968e85;
    height: 1px;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 90%;
}

#fa_left {display: none!important;}

#fa_toolbar #fa_right #notif_list li.see_all a {
  color: #968e85;
}

/* Avatar contour */

.avaSIT {
    border-color: var(--white-color);
    border-image: initial;
    border-style: solid;
    border-width: 2px;
    height: 70px;
    left: 7px;
    overflow: hidden;
    position: fixed;
    top: 2px;
    width: 70px;
    z-index: 99999!important;
    border-radius: 100px;
}

/* Avatar image */
.avaSIT img{
width:75px;
}

/* Menu user */
#fa_menulist :link, #fa_menulist :visited {
    color: #968e85!important;
}

#fa_right.welcome #fa_menu #fa_welcome {
    background-color: var(--white-color);
    text-transform:lowercase;
    color: #968e85;
    font-style: italic;
}

#fa_menulist {
    background-color: var(--white-color);
    border: 0;
    border-top-color: currentcolor;
    border-top-style: none;
    border-top-width: 0px;
    border-top: 0 solid var(--white-color);
    line-height: 10px;
    list-style-type: none;
    margin: 0;
    min-width: 211px !important;
    padding: 11px;
    position: absolute;
    width: 204px;
    z-index: 999;
    left: 100px!important;
}

#fa_right #fa_menu #fa_welcome, #fa_right.notification #fa_menu #fa_welcome {
    color: #968e85;
}

#fa_usermenu {
  display:none;
}

/* Menu notif */

#fa_menu:hover :visited, #fa_toolbar > #fa_right.notification > #fa_notifications {
    background-color: var(--white-color)!important;
    color: #968e85!important;
    font-style: italic;
}

/* --- Contour du forum --- */

#gauche {
    top: 0;
    left: 0;
}

#droite {
    top: 0;
    right: 0;
}

#gauche, #droite {
    z-index: 995;
    width: 30px;
    height: 100vh;
    position: fixed;
    background-color: var(--white-color);
}

#bas {
    z-index: 999;
    bottom: 0;
    display: flex;
    padding: 0 30px;
    align-items: center;
    justify-content: space-between;
    font-size: .5rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    box-sizing: border-box;
    width: 100vw;
    left: 0;
    height: 30px;
    position: fixed;
    background-color: var(--white-color);
}
Revenir en haut Aller en bas
Wow
Wow
Âge : 31
Situation amoureuse : test
Occupation : test
Habitation : test
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ultrices orci in suscipit cursus. Phasellus facilisis pretium nisi, vitae aliquam quam maximus eget. Donec eu turpis lacus. Phasellus vitae justo non lectus posuere sollicitudin. Aliquam gravida in nulla egestas euismod. Integer pulvinar libero at fermentum lacinia. Mauris euismod eu massa eu pharetra. Nullam lobortis enim lobortis ex vehicula, nec mollis ipsum ullamcorper. Nulla ac nulla neque. Vivamus ultrices euismod odio ut volutpat. Vivamus imperdiet fermentum arcu, a facilisis magna sollicitudin id. Pellentesque dui felis, vehicula nec euismod suscipit, placerat non magna. Curabitur lacus nisi, efficitur elementum velit ut, dapibus placerat eros. Praesent quis iaculis nulla.
Date d'inscription : 15/04/2020
Messages : 54
Nombre d'RPs : 71
Nombres de mots en RP : test
Pseudo HJ : test
Pronom IRL : test
Pronom IG : test
Avatar : test
Pour un lien, contacte-moi via : MP
Multicompte(s) : test
présentation
fiche de liens
instagram
moodboard
spotify
Âge : 31
Situation amoureuse : test
Occupation : test
Habitation : test
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ultrices orci in suscipit cursus. Phasellus facilisis pretium nisi, vitae aliquam quam maximus eget. Donec eu turpis lacus. Phasellus vitae justo non lectus posuere sollicitudin. Aliquam gravida in nulla egestas euismod. Integer pulvinar libero at fermentum lacinia. Mauris euismod eu massa eu pharetra. Nullam lobortis enim lobortis ex vehicula, nec mollis ipsum ullamcorper. Nulla ac nulla neque. Vivamus ultrices euismod odio ut volutpat. Vivamus imperdiet fermentum arcu, a facilisis magna sollicitudin id. Pellentesque dui felis, vehicula nec euismod suscipit, placerat non magna. Curabitur lacus nisi, efficitur elementum velit ut, dapibus placerat eros. Praesent quis iaculis nulla.
Date d'inscription : 15/04/2020
Messages : 54
Nombre d'RPs : 71
Nombres de mots en RP : test
Pseudo HJ : test
Pronom IRL : test
Pronom IG : test
Avatar : test
Pour un lien, contacte-moi via : MP
Multicompte(s) : test
présentation
fiche de liens
instagram
moodboard
spotify
Âge : 31
Situation amoureuse : test
Occupation : test
Habitation : test
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ultrices orci in suscipit cursus. Phasellus facilisis pretium nisi, vitae aliquam quam maximus eget. Donec eu turpis lacus. Phasellus vitae justo non lectus posuere sollicitudin. Aliquam gravida in nulla egestas euismod. Integer pulvinar libero at fermentum lacinia. Mauris euismod eu massa eu pharetra. Nullam lobortis enim lobortis ex vehicula, nec mollis ipsum ullamcorper. Nulla ac nulla neque. Vivamus ultrices euismod odio ut volutpat. Vivamus imperdiet fermentum arcu, a facilisis magna sollicitudin id. Pellentesque dui felis, vehicula nec euismod suscipit, placerat non magna. Curabitur lacus nisi, efficitur elementum velit ut, dapibus placerat eros. Praesent quis iaculis nulla.
Date d'inscription : 15/04/2020
Messages : 54
Nombre d'RPs : 71
Nombres de mots en RP : test
Pseudo HJ : test
Pronom IRL : test
Pronom IG : test
Avatar : test
Pour un lien, contacte-moi via : MP
Multicompte(s) : test
présentation
fiche de liens
instagram
moodboard
spotify

Re: btr version 2
Jeu 4 Fév - 14:48

overall_header
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}"
     xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"/>
  <!----- CSS SIGNATURES ------>
  <link rel="stylesheet" href="https://sd-2.archive-host.com/membres/up/57540148720340087/style.css"/>
  <!--- Scripts --->
  <link rel="icon" type="image/png" sizes="63x63" href="https://images2.imgbox.com/96/07/i8xOqG7h_o.png">
<!--- début code insta -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css"/>
<link rel="stylesheet" href="https://www.aht.li/3282993/insta-comm.css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600" />
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css"/>
<link rel="stylesheet" href="https://www.aht.li/3282401/insta.css" />
<link rel="stylesheet" href="https://www.aht.li/3282530/insta_onglets.css" />
<!--- fin code insta -->
  <!--Font-->
<link href="https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://kit.fontawesome.com/dd645567d0.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css" integrity="sha384-vp86vTRFVJgpjF9jiIGPEEqYqlDwgyBgEF109VFjmqGmIY/Y4HV4d3Gp2irVfcrp" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/solid.css" integrity="sha384-r/k8YTFqmlOaqRkZuSiE9trsrDXkh07mRaoGBMoDcmA58OHILZPsk29i2BsFng1B" crossorigin="anonymous"/>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/regular.css" integrity="sha384-IG162Tfx2WTn//TRUi9ahZHsz47lNKzYOp0b6Vv8qltVlPkub2yj9TVwzNck6GEF" crossorigin="anonymous"/>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/brands.css" integrity="sha384-BKw0P+CQz9xmby+uplDwp82Py8x1xtYPK3ORn/ZSoe6Dk3ETP59WCDnX+fI1XCKK" crossorigin="anonymous"/>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/fontawesome.css" integrity="sha384-4aon80D8rXCGx9ayDt85LbyUHeMWd3UiBaWliBlJ53yzm9hqN21A+o1pqoyK04h+" crossorigin="anonymous"/>
<link href="https://fonts.googleapis.com/css2?family=Kite+One&family=Questrial&display=swap" rel="stylesheet">
  <!--Scrollbar-->
  <link rel="stylesheet" type="text/css"href="https://sd-2.archive-host.com/membres/up/13009629696308345/jquerymCustomScrollbarmin.css"/>
  <script src="http://yourjavascript.com/194212996/jquery-mcustomscrollbar-min.js"></script>
  <!--- Fin Scripts --->
  <div id="haut"></div>
  <div id="droite"></div>
  <div id="gauche">
    <div style="position:relative;top:25%;writing-mode: vertical-rl;left:10px;font-size:11px;font-family: Questrial;text-orientation: upright;">
      <champ><a href="http://www.root-top.com/topsite/pubrpgdesign/in.php?ID=2579" target="_blank">Vote</a></champ> <champ2><a href="http://www.root-top.com/topsite/obsession27/in.php?ID=26325" target="_blank">Vote</a></champ2> <champ><a href="http://www.root-top.com/topsite/brocart/in.php?ID=86" target="_blank">Vote</a></champ> <champ2><a href="https://brocart.forumactif.com/t4785-by-the-rivers-rpg-cosy-a-edenton-nc-ouverture-recente" target="_blank">Broc'art</a></champ2> <champ><a href="https://www.pub-rpg-design.com/t133215-by-the-rivers-o-rpg-village-cosy-de-la-caroline-du-nord-07-11-2020" target="_blank">PRD</a></champ> <champ2><a href="https://la-directory.tumblr.com/post/635421609172369408/nouveaute-sur-by-the-rivers-forum-ouvert-avatars" target="_blank">La Directory</a></champ2>
    </div>
  </div>
  <div id="bas"></div>
   <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
   <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}"/>
   <meta http-equiv="content-script-type" content="text/javascript"/>
   <meta http-equiv="content-style-type" content="text/css"/>
   <!-- BEGIN switch_compat_meta -->
   <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}"/>
   <!-- END switch_compat_meta -->
   <!-- BEGIN switch_canonical_url -->
   <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}"/>
   <!-- END switch_canonical_url -->
   {META_FAVICO}
   {META}
   {META_FB_LIKE}
   <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}"/>
   {T_HEAD_STYLESHEET}
   {CSS}
   <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}"/>
   <link rel="search" type="application/opensearchdescription+xml"
        href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}"/>
   <script src="{JQUERY_PATH}" type="text/javascript"></script>
   <!-- BEGIN switch_recent_jquery -->
   <script src="{JS_DIR}jquery1.9/jquery-migrate-1.4.1.js" type="text/javascript"></script>
   <script src="{JQUERY_DIR}browser/v1.0/jquery.browser.min.js" type="text/javascript"></script>
   <script src="{JQUERY_DIR}support/jquery.support.js" type="text/javascript"></script>
   <!-- END switch_recent_jquery -->
   <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
   {RICH_SNIPPET_GOOGLE}

   <!-- BEGIN switch_fb_login -->
   <script src="https://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
   <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
   <!-- END switch_fb_login -->

   <!-- BEGIN switch_ticker -->
   <link type="text/css" rel="stylesheet" href="{JQUERY_DIR}ticker/ticker.css"/>
   <script src="{JQUERY_DIR}/ticker/ticker.js" type="text/javascript"></script>
   <!-- END switch_ticker -->

   <!-- BEGIN switch_ticker_new -->
   <script src="{JQUERY_DIR}jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
   <script type="text/javascript">//<![CDATA[
      /* Definir le sens de direction en fonction du panneau admin */
      var tickerDirParam = "{switch_ticker.DIRECTION}";
      var slid_vert = false;
      var auto_dir = 'next';
      var h_perso = parseInt({switch_ticker.HEIGHT});

      switch (tickerDirParam) {
         case 'top' :
            slid_vert = true;
            break;
         case 'left':
            break;
         case 'bottom':
            slid_vert = true;
            auto_dir = 'prev';
            break;
         case 'right':
            auto_dir = 'prev';
            break;
         default:
            slid_vert = true;
      }

      $(document).ready(function () {
         var w_cont = $('#fa_ticker_container').width();

         if (w_cont > 0) {
            $('#fa_ticker_container').width(w_cont);

            /* Affichage de la liste */
            $('#fa_ticker_content').css('display', 'block');

            /* Calcul des dimensions du conteneur et des elements */
            var width_max = $('ul#fa_ticker_content').width();
            var width_item = Math.floor(width_max / {switch_ticker.SIZE});
            var height_max = h_perso;

            /* Calcul de la hauteur maximale du conteneur en fonction des elements et de la hauteur personnalisee dans l'admin */
            $('ul#fa_ticker_content li').each(function () {
               if ($(this).height() > height_max) {
                  height_max = $(this).height();
               }
            });

            /* Redimensionnement des elements et des images trop larges */
            $('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () {
               if ($(this).width() > width_item) {
                  var ratio = $(this).width() / width_item;
                  var new_height = Math.round($(this).height() / ratio);
                  $(this).height(new_height).width(width_item);
               }
            });

            /* Redimensionnement et centrage du conteneur en mode vertical */
            if (slid_vert) {
               $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft', 'auto').css('marginRight', 'auto');
            }

            /* Initialisation du caroussel */
            $('#fa_ticker_content').jcarousel({
               vertical: slid_vert,
               wrap: 'circular',
               auto: {switch_ticker.STOP_TIME},
               auto_direction: auto_dir,
               scroll: 1,
               size: {switch_ticker.SIZE},
               height_max: height_max,
               animation: {switch_ticker.SPEED}
            });
         } else {
            $('ul#fa_ticker_content li:not(:first)').css('display', 'none');
            $('ul#fa_ticker_content li:first').css('list-style', 'none').css('text-align', 'center');
         }
      });
      //]]>
   </script>
   <!-- END switch_ticker_new -->

   <script type="text/javascript">//<![CDATA[
      $(document).ready(function () {
         <!-- BEGIN switch_enable_pm_popup -->
         pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
         if (pm != null) {
            pm.focus();
         }
         <!-- END switch_enable_pm_popup -->
         <!-- BEGIN switch_report_popup -->
         report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
         if (report != null) {
            report.focus();
         }
         <!-- END switch_report_popup -->
         <!-- BEGIN switch_ticker -->
         $(document).ready(function () {
            Ticker.start({
               height: {switch_ticker.HEIGHT},
               spacing: {switch_ticker.SPACING},
               speed: {switch_ticker.SPEED},
               direction: '{switch_ticker.DIRECTION}',
               pause: {switch_ticker.STOP_TIME}
            });
         });
         <!-- END switch_ticker -->
      });

      <!-- BEGIN switch_login_popup -->
      var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH},
         logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
      <!-- END switch_login_popup -->

      <!-- BEGIN switch_login_popup -->
      $(document).ready(function () {
         $(window).resize(function () {
            var windowWidth = document.documentElement.clientWidth;
            var popupWidth = $("#login_popup").width();
            var mypopup = $("#login_popup");

            $("#login_popup").css({
               "left": windowWidth / 2 - popupWidth / 2
            });
         });
      });
      <!-- END switch_login_popup -->
      //]]>
   </script>
   {GREETING_POPUP}
   <!-- BEGIN switch_ticker_new -->
   <style>
      .jcarousel-skin-tango .jcarousel-item {
         text-align: center;
         width: 10px;
      }

      .jcarousel-skin-tango .jcarousel-item-horizontal {
         margin-right: {switch_ticker.SPACING}px;
      }

      .jcarousel-skin-tango .jcarousel-item-vertical {
         margin-bottom: {switch_ticker.SPACING}px;
      }
   </style>
   <!-- END switch_ticker_new -->
   {HOSTING_JS}

   <!-- BEGIN google_analytics_code -->
   <script async src="https://www.googletagmanager.com/gtag/js?id={G_ANALYTICS_ID}"></script>
   <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
      gtag('config', '{G_ANALYTICS_ID}', {'anonymize_ip': true, 'store_gac': false, 'cookie_expires': 13 * 30 * 24 * 60 * 60});
      <!-- BEGIN google_analytics_code_bis -->
      gtag('config', '{G_ANALYTICS_ID_BIS}', {'anonymize_ip': true, 'store_gac': false, 'cookie_expires': 13 * 30 * 24 * 60 * 60});
      <!-- END google_analytics_code_bis -->
   </script>
   <!-- END google_analytics_code -->
</head>
  <html>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}"
     vlink="{T_BODY_VLINK}">
                <audio id="sound">        <source src="https://sd-2.archive-host.com/membres/up/57540148720340087/234524__foolboymedia__notification-up-1.wav"/>      </audio>
           
<!-- BEGIN hitskin_preview -->
<div id="hitskin_preview" style="display: block;">
   <h1><img src="https://2img.net/i/fa/hitskin/hitskin_logo.png" alt=""/> <em>Hit</em>skin.com</h1>
   <div class="content">
      <p>
         {hitskin_preview.L_THEME_SITE_PREVIEW}
         <br/>
         <span>{hitskin_preview.U_INSTALL_THEME}<a
                  href="https://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
      </p>
   </div>
</div>
<!-- END hitskin_preview -->

<!-- BEGIN switch_login_popup -->
<div id="login_popup" style="z-index: 10000 !important;">
   <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1"
        cellpadding="0">
      <tr height="25">
         <td class="catLeft">
            <span class="genmed module-title">{SITENAME}</span>
         </td>
      </tr>
      <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
         <td class="row1" align="left" valign="top">
            <div id="login_popup_buttons">
               <form action="{S_LOGIN_ACTION}" method="get">
                  <input type="submit" class="mainoption" value="{L_LOGIN}"/>
                  <input type="button" class="mainoption" value="{L_REGISTER}"
                       onclick="parent.location='{U_REGISTER}';"/>
                  <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}"/>
               </form>
            </div>
            <span class="genmed">{LOGIN_POPUP_MSG}</span>
         </td>
      </tr>
   </table>
</div>
<!-- END switch_login_popup -->

<!-- BEGIN switch_like_popup -->
<div id="like_popup" style="z-index: 10000 !important;">
   <table class="forumline" width="{LIKE_POPUP_WIDTH}" height="{LIKE_POPUP_HEIGHT}" border="0" cellspacing="1"
        cellpadding="0">
      <tr height="25">
         <td class="catLeft">
            <span class="genmed module-title">{SITENAME}</span>
         </td>
      </tr>
      <tr height="{LIKE_POPUP_MSG_HEIGHT}">
         <td class="row1" align="left" valign="top">
            <div id="like_popup_buttons">
               <form action="{S_LOGIN_ACTION}" method="get">
                  <input type="submit" class="mainoption" value="{L_LOGIN}"/>
                  <input type="button" class="mainoption" value="{L_REGISTER}"
                       onclick="parent.location='{U_REGISTER}';"/>
                  <input id="like_popup_close" type="button" class="button" value="{L_LIKE_CLOSE}"/>
               </form>
            </div>
            <span class="genmed">{LIKE_POPUP_MSG}</span>
         </td>
      </tr>
   </table>
</div>
<!-- END switch_like_popup -->

<a name="top"></a>
{JAVASCRIPT}

<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
   <tr>
      <td class="bodyline">
         <table width="100%" cellspacing="0" cellpadding="0" border="0">
            <tr>
               <!-- BEGIN switch_logo_left -->
               <td><a href="{U_INDEX}"><img loading="lazy" src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1"/></a>
               </td>
               <!-- END switch_logo_left -->
               <td align="center" width="100%" valign="middle">
                  <!-- BEGIN switch_logo_center -->
                  <a href="{U_INDEX}"><img loading="lazy" src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1"/></a>
                  <br/>
                  <!-- END switch_logo_center -->
               </td>
               <!-- BEGIN switch_logo_right -->
               <td><a href="{U_INDEX}"><img loading="lazy" src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1"/></a>
               </td>
               <!-- END switch_logo_right -->
            </tr>
         </table>
                  <center>
                  <table cellspacing="0" cellpadding="0" border="0" style="position:fixed;top:5px;z-index:99999;width:760px;">
                    <tr>
                      <td align="center">{GENERATED_NAV_BAR}</td>
                    </tr>
                  </table>
                  </center>
                  <table cellspacing="0" cellpadding="0" border="0" id="navSIT">
                    <tbody>
                      <tr>
                        <td>
                          <div class="encadretoolbar"></div>
                          <div class="avaSIT">
                            <div class="avaSIT2"></div>
                          </div>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                  <script type="text/javascript">$(function(){$('.avaSIT2').html(_userdata.avatar)});</script>
                  <div style="clear: both;"></div>

         <!-- BEGIN switch_ticker_new -->
         <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
            <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
               <tr>
                  <td align="left" class="row1">
                     <div id="fa_ticker_container">
                        <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">
                           <!-- BEGIN ticker_row -->
                           <li>{switch_ticker.ticker_row.ELEMENT}</li>
                           <!-- END ticker_row -->
                        </ul>
                     </div>
                  </td>
               </tr>
            </table>
         </div>
         <!-- END switch_ticker_new -->

         <!-- BEGIN switch_ticker -->
         <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
            <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
               <tr>
                  <td align="left" class="row1">
                     <div id="fa_ticker_container">
                        <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                           <div class="fa_ticker_content">
                              <!-- BEGIN ticker_row -->
                              <div>{switch_ticker.ticker_row.ELEMENT}</div>
                              <!-- END ticker_row -->
                           </div>
                        </div>
                     </div>
                  </td>
               </tr>
            </table>
         </div>
         <!-- END switch_ticker -->

         <div id="page-body">
            <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
               <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
                  <tbody>
                  <tr>
                     <td valign="top" width="{C1SIZE}">
                        <div id="{ID_LEFT}">
                           <!-- BEGIN giefmod_index1 -->
                           {giefmod_index1.MODVAR}
                           <!-- BEGIN saut -->
                           <div style="height:{SPACE_ROW}px"></div>
                           <!-- END saut -->
                           <!-- END giefmod_index1 -->
                        </div>
                     </td>
                     <td valign="top" width="100%">
                        <!-- BEGIN html_validation -->
                     </td>
                  </tr>
                  </tbody>
               </table>
            </div>
         </div>
      </td>
   </tr>
</table>
           
</body>
</html>
<!-- END html_validation -->
Revenir en haut Aller en bas

Re: btr version 2

Revenir en haut Aller en bas
 
btr version 2
Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
forumtest :: lol :: Votre 1er forum-
Sauter vers: