code de la pa 25-09-2020

Sujet: code de la pa 25-09-2020 Ven 25 Sep - 12:23

Code:: <center>

<div class="tourdepa">

<div class="titrepa">
   Bienvenue à Tenby
</div>

<center>

<div class="menupa">
   <a class="lienpa1" href="http://www.whispers-down-the-lane.org/t19-le-reglement">Règlement</a> <pointpa>✿</pointpa> <a class="lienpa2" href="http://www.whispers-down-the-lane.org/t1341-guide-du-nouveau">Guide du nouveau</a> <pointpa>✿</pointpa> <a class="lienpa1" href="http://www.whispers-down-the-lane.org/t4484-nouveau-systeme-de-rumeurs">Rumeurs</a> <pointpa>✿</pointpa> <a class="lienpa2" href="http://www.whispers-down-the-lane.org/t23-les-avatars-pris"> Bottin</a> <pointpa>✿</pointpa> <a class="lienpa1" href="http://www.whispers-down-the-lane.org/f6-grazed-knees"> Banque de liens</a> <pointpa>✿</pointpa> <a class="lienpa2" href="http://www.whispers-down-the-lane.org/t1983-saviez-vous-que">Saviez-vous que ? </a>
</div>

<table>
   <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody>
<tr style="">

<td>

<div class="contextepa">

<div class="soustitrepa">
   Contexte
</div>

<p>
   <img src="https://66.media.tumblr.com/3777aa769e7dd0f00e5b560bfe3c194c/tumblr_n1oa59rkTO1t11472o1_400.gif" /> <em>Avec ses 4500 habitants, Tenby a tout d'une petite ville tranquille du Pays de Galles. Et elle pourrait certainement l'être, si elle n'était pas peuplée par un ramassis de commères à la langue bien pendue. Oh, bien sûr, ils paraissent tous extrêmement gentils avec leurs grands sourires, leurs compliments en tout genre et les gâteaux qu'ils vous offrent à tout va pour vous souhaiter la bienvenue en ville. Mais méfiez-vous, car leurs yeux acérés ne cherchent qu'une chose : sonder les tréfonds de votre âme, les coins les plus sordides de votre cerveau. Mettre à nue vos secrets, les exposer à la vue de tous. Ou pire encore. La plus maligne de tous, c'est encore cette satanée Mrs Lloyd, une petite vieille qui n'a l'air de rien aux premiers abords...</em>
</p>

</div>

</td>

<td>
   <script type="text/javascript">
   //
   </script>
<div class="staffpa">

<center>

<div class="paonglets">
   <span onclick="javascript:change_paonglet('staff01');" id="paonglet_staff01" class="paonglet_0 paonglet"><img class="iconpastaff" src="https://tinyurl.com/rz6sv4c" /></span> <span onclick="javascript:change_paonglet('staff02');" id="paonglet_staff02" class="paonglet_0 paonglet"><img class="iconpastaff" src="https://tinyurl.com/vwxkzg9" /></span> <span onclick="javascript:change_paonglet('staff03');" id="paonglet_staff03" class="paonglet_0 paonglet"><img class="iconpastaff" src="https://tinyurl.com/wd8tn4h" /></span>
</div>

<div class="contenu_paonglets">

<div id="contenu_paonglet_staff01" class="contenu_paonglet">

<div class="pseudopa">
   Erin L. Blake
</div>
   <strong>Admin & Présente</strong><br /> & Liam & Sam & Daniel<br /> <a class="lienpa" href="http://www.whispers-down-the-lane.org/privmsg?mode=post&u=913">MP</a> <pointpa>✿</pointpa> <a class="lienpa" href="http://www.whispers-down-the-lane.org/u913">PROFIL</a>
</div>

<div id="contenu_paonglet_staff02" class="contenu_paonglet">

<div class="pseudopa">
   Lloyd Jenkins
</div>
   <strong>Admin & présence réduite</strong><br /> & Magnùs & Luke<br /> <a class="lienpa" href="http://www.whispers-down-the-lane.org/privmsg?mode=post&u=751">MP</a> <pointpa>✿</pointpa> <a class="lienpa" href="http://www.whispers-down-the-lane.org/u751">PROFIL</a>
</div>

<div id="contenu_paonglet_staff03" class="contenu_paonglet">

<div class="pseudopa">
   AbeL Griffiths
</div>
   <strong>Admin & présente.</strong><br /> & Richard & John & Max & Charles<br /> <a class="lienpa" href="http://www.whispers-down-the-lane.org/privmsg?mode=post&u=919">MP</a> <pointpa>✿</pointpa> <a class="lienpa" href="http://www.whispers-down-the-lane.org/u919">PROFIL</a>
</div>

<div id="contenu_paonglet_staff04" class="contenu_paonglet">

<div class="pseudopa">
   Prénom Nom 4
</div>

<div class="featpa">
   post + présente
</div>

<div class="featpa">
   dc : prénom nom
</div>
   <a class="lienpa" href="#">MP</a> <pointpa>✿</pointpa> <a class="lienpa" href="#">PROFIL</a>
</div>

</div>
   <script type="text/javascript">
   //
   </script>
</center>

</div>

</td>

<td>
   <script type="text/javascript">
   //
   </script>
<div class="creditpa">

<div class="soustitrepa">
   Crédits
</div>

<p style="height: 80px; overflow:auto;">
   Le forum a ouvert ses portes <strong>le 15 novembre 2013</strong>. Un minimum de 250 mots par RP est demandé. <strong>11/04/20</strong> : nouvelle version par <strong>HJS et Irish Coffee</strong>, merci à elles ! La PA réalisée par <strong>Irish Coffee</strong>.
</p>

<div class="soustitrepa">
   Top-sites
</div>

<center>
   <a href="https://crimsonday.forumactif.com/"><pointpa>✿</pointpa></a> <a href="http://hungcalf.forumactif.com/"><pointpa>✿</pointpa></a> <a href="http://www.thegreatperhaps.org/"><pointpa>✿</pointpa></a> <a href="https://entrance-icons.livejournal.com/"><pointpa>✿</pointpa></a> <a href="lien"><pointpa>✿</pointpa></a> <a href="lien"><pointpa>✿</pointpa></a>
</center>

</div>

</td>

</tr><tbody></tbody><tbody></tbody><tbody></tbody><tbody> </tbody>
</table>

<table>
   <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody>
<tr style="">

<td>

<div class="scenapa">

<div class="soustitrepa">
   Scénarios
</div>
   <br /> <a href="http://www.whispers-down-the-lane.org/t6541-f-relation-compliquee-libre"><img src="https://66.media.tumblr.com/6732ef538519a93326f48d573cefacb0/15ee068d295b680d-87/s640x960/d7be543e2aad975d3d579298d55da216ec0d843b.jpg" class="iconscenapa" /></a> <a href="http://www.whispers-down-the-lane.org/t6580-f-ex-femme-libre"><img src="https://i.pinimg.com/564x/ac/0d/66/ac0d664b1bc8ad6225cdb4aea7e67c73.jpg" class="iconscenapa" /></a> <a href="http://www.whispers-down-the-lane.org/t6037-f-ex-meilleure-amie-libre"><img src="https://66.media.tumblr.com/1fd425e63415c466637ae2be53ece80d/tumblr_puz6z77MG81vbbhbpo6_400.jpg" class="iconscenapa" /></a> <a href="http://www.whispers-down-the-lane.org/t6435-m-fiance-complique-libre"><img src="https://66.media.tumblr.com/545eb24cec6d9df3405f24e916fd8479/tumblr_pjg9pe9bvu1tpzc2co3_250.png" class="iconscenapa" /></a><br /><a href="http://www.whispers-down-the-lane.org/t6496-f-collegue-libre"><img src="https://66.media.tumblr.com/0fd7d9b14eb26226e9fe84e3ac6e89ed/tumblr_prk6k8VrCH1rtzrm0o9_250.png" class="iconscenapa" /></a> <a href="http://www.whispers-down-the-lane.org/t5275-f-amie-d-enfance-libre"><img class="iconscenapa" src="https://66.media.tumblr.com/a777f110952826a47010e1589abfbd9d/tumblr_opa8nwR1bL1wo8ooho8_250.png" /></a> <a href="http://www.whispers-down-the-lane.org/t6703-f-amiennemie-libre#335200"><img class="iconscenapa" src="https://66.media.tumblr.com/e2a045cc775cd0c4bfadf2377b04bd52/tumblr_os89k7fiBw1u7lg06o7_250.png" /></a> <a href="http://www.whispers-down-the-lane.org/t4097-m-ami-et-plus-si-affinites-libre"><img class="iconscenapa" src="https://i.pinimg.com/236x/a5/16/d7/a516d7b140e9dd5906def5ab8db09266.jpg" /></a>
</div>

</td>

<td>

</td>

<td>

<div class="nouveautepa">

<div class="soustitrepa">
   Nouveautés
</div>

<p>
   <strong>INTRIGUE ✿</strong> Depuis l'incendie qui a ravagé l'église et les maisons de quelques habitants du village à Halloween, rien ne va plus ! Après que certains habitants se soient lancés à sa poursuite, et de nombreux rebondissements, le prêtre du village a été arrêté…le calme devrait maintenant revenir sur Tenby. <a href="http://www.whispers-down-the-lane.org/t6559-intrigue-incendie-a-tenby">Intrigue au complet</a>
</p>

</div>

</td>

<td>

<div class="mdmpa">

<center>

<div class="soustitrepa">
   Nos membres du mois
</div>

<div class="onglets">
   <br /> <span onclick="javascript:change_onglet('mdm1');" id="onglet_mdm1" class="onglet_0 onglet"><img class="iconpa" src="https://66.media.tumblr.com/320e83a2df1765687985bceabe291c4a/tumblr_owju3mz6Gr1trnunpo2_250.png" /></span> <span onclick="javascript:change_onglet('mdm2');" id="onglet_mdm2" class="onglet_0 onglet"><img class="iconpa" src="https://pbs.twimg.com/media/CdnQ1E3WwAEVtrV.jpg" /> </span>
</div>

<div class="contenu_paonglets">

<div id="contenu_onglet_mdm1" class="contenu_onglet">
   <br />
<div class="pseudopamdm">
   Emma Collins
</div>
   <a class="lienpa" href="http://www.whispers-down-the-lane.org/privmsg?mode=post&u=922">MP</a> <pointpa>✿</pointpa> <a class="lienpa" href="http://www.whispers-down-the-lane.org/u922">PROFIL</a> <br /><br />
</div>

<div id="contenu_onglet_mdm2" class="contenu_onglet">
   <br />
<div class="pseudopamdm">
   Sam Martins
</div>
   <a class="lienpa" href="http://www.whispers-down-the-lane.org/privmsg?mode=post&u=166">MP</a> <pointpa>✿</pointpa> <a class="lienpa" href="http://www.whispers-down-the-lane.org/u166">PROFIL</a> <br /><br />
</div>

</div>
   <script type="text/javascript">
   //
   </script>
</center>

</div>

</td>

</tr><tbody></tbody><tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody>
</table>

</center>

</div>
</center><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Amatic+SC|Dancing+Script|Dorsa|Euphoria+Script|Great+Vibes|Six+Caps|Wire+One|Loved+by+the+King" />

Code:: /*PA*/

/*** SYSTEME D'ONGLETS ***/

.paonglet {
  display: inline-block;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
}

.paonglet_0 {
  border-radius: 25px;
}

.paonglet_1 {
  border-radius: 25px;
}

.contenu_paonglet {
  display: none;
  width: 200px;
  height: 100px;
  font-size: 10px;
  overflow: auto;
  left: 17px;
  background-color: ;
}

.contenu_paonglet a{
  text-decoration: none !important;
}

.onglet {
  display: inline-block;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
}

.onglet_0 {
  border-radius: 25px;
}

.paonglet_1 {
  border-radius: 25px;
}

.contenu_onglet {
  display: none;
  width: 200px;
  height: 115px;
  font-size: 10px;
  overflow: auto;
  left: 17px;
}

.contenu_onglet a{
  text-decoration: none !important;
}

.tourdepa{
width:727px;
height:auto;
background-color:none;
}

.titrepa{
font-size:32px;
  font-family: 'Great Vibes', cursive; font-weight: 700;
color:#f1b5b5;
text-align:center;
}

.soustitrepa{
font-size:20px;
  font-family: 'Great Vibes', cursive;
color:#9ec2aa;
text-align:center;
margin-bottom:-2px; font-weight: 700;
}

.menupa{
padding-top:10px;
padding-bottom:10px;
background-color: # ;
width: 100%;
height: 20px;
  font-size: 18px;
}

.partenariatpa{
padding-top:10px;
padding-bottom:10px;
background-color: ;
width: 715px;
height: 35px;
  font-size: 18px;
}

.lienpa1{
padding-left:2px;
padding-right:2px;
COLOR: #9ec2aa !important;
text-decoration:none;
font-family: 'Open Sans Condensed', sans-serif;
font-size:15px;
text-align: center;
padding: 5px; width: 110px;
font-weight: 700;
padding: 5px;
text-transform: uppercase; font-size:11px; }

.lienpa2{
padding-left:2px;
padding-right:2px;
COLOR: #F1B5B5 !important;
text-decoration:none;
font-family: 'Open Sans Condensed', sans-serif;
font-size:15px;
text-align: center;
padding: 5px; width: 110px;
font-weight: 700;
padding: 5px;
text-transform: uppercase; font-size:11px; }

pointpa{
color:#4a629a;
font-size:18px;}

.staffpa{
width:200px;
height:180px;
}

.contextepa{
width:280px;
height:170px;
margin-left:4px;
margin-right:4px;
padding:5px;
overflow:auto;
background-color:
text-align:justify;
font-size:10px;
}

.contextepa img {
  border: 3px solid #b6c1dc;
   float: left;
   margin-right: 5px;
  width: 100px;}

.mdmpa{
width:200px;
height:180px;
background-color:
}

.iconpastaff{border-radius: 0px;
height: 60px;
padding-left: 1px;
padding-top: 7px;
width: 60px;
}

.iconscenapa{
  width:60px;
height:60px;
  border: 3px solid #9ec2aa;
}

.iconpa{
width:60px;
height:60px;
border: 3px solid #9ec2aa;
margin-top: 5px;
margin-right: 3px;
}

.pseudopa{
font-size:17px;
  font-family: Norican
color:#9ec2aa;
}
.featpa{
font-size:10px;
  font-family: 'Open Sans Condensed', sans-serif;
color:#000000;
padding:2px;
}

.pseudopamdm{
font-size:17px;
  font-family: Norican
color:#9ec2aa;
}

.scenapa{
width:280px;
height:180px;
background-color:;
padding:5px;
overflow:auto;
text-align:justify;
font-size:13px;
margin-left:4px;
margin-right:4px;
}

.nouveautepa{
width:200px;
height:180px;
overflow:auto;
text-align:justify;
font-size:10px;
background-color: ;
  padding: 5px;
}

.creditpa{
width:190px;
height:170px;
background-color:;
padding:5px;
margin-top:8px;
overflow:auto;
text-align:justify;
font-size:10px;
}

/* FIN DE PA*/

Sujet: Re: code de la pa 25-09-2020 Ven 25 Sep - 16:44

NEW TEST DE PA

Code:: /* PA */
.IIIR {
background:; /* MODIFIABLE */
}
/* CONTEXTE PA */
.ctxtIIIR {
background:#c1cfe1; color:#3a2b2f; /* MODIFIABLE */
}
/* PREDEFINIS PA */
.pfIIIR {
background:; /* MODIFIABLE */
}
/* EVENEMENT EN COURS PA */
.eventIIIR {
background:#c1cfe1; color:#3a2b2f; /* MODIFIABLE */
}
/* LIEN EVENEMENT EN COURS PA */
.eventIIIR a {
background:#c1cfe1; color:#3a2b2f; /* MODIFIABLE */
}
/* BLOC LIENS PA */
.lksIIIR {
background:#c1cfe1; /* MODIFIABLE */
}
/* LIENS PA */
.lksIIIR a {
background:#e4514f; color:#efe16b !important; /* MODIFIABLE */
}
/* PARTENAIRES PA */
.partIIIR {
background:#c1cfe1; /* MODIFIABLE */
}
/* INTITULE STAFF PA */
.tleSIIIR {
background:#c1cfe1; color:white; /* MODIFIABLE */
}
/* CONTENUS STAFF PA */
.SIIIR div {
background:#c1cfe1; color:black; /* MODIFIABLE */
}
/* DISPONIBLE PA */
.onIIIR {
background:lightgreen; color:black; /* MODIFIABLE */
}
/* INDISPONIBLE PA */
.offIIIR {
background:crimson; color:white; /* MODIFIABLE */
}
/* LIENS PROFILS STAFF PA */
.SIIIR a {
color:black; /* MODIFIABLE */
}

/* PA */
.IIIR {
margin:auto; width:; padding:15px 0;
text-align:center; line-height:16px; font-family:Arial;
}
.IIIR a {
text-decoration:none !important;
}
.boxIIIR {
display:inline-block; vertical-align:middle; margin-right:15px;
}
/* CONTEXTE PA */
.ctxtIIIR {
margin-bottom:5px;
width:365px; height:91px; padding:5px; overflow:hidden;
font-size:10px; text-align:justify; line-height:15.5px;
}
.ctxtIIIR:hover {
overflow-y:auto;
}
.imgIIIR {
position:absolute;
width:165px; height:55px; margin-left: px;
}
/* PREDEFINIS PA */
.pfIIIR {
display:inline-block; vertical-align:bottom;
width:; padding:; overflow:hidden; text-align:left;
}
.pfIIIR img {
padding:2px;
width:35px; height:35px;
}
/* EVENEMENT EN COURS PA */
.eventIIIR {
display:inline-block; vertical-align:bottom; margin-left:5px;
width:205px; height:95px; padding:5px 0; overflow:hidden;
font-size:9px; text-align:justify;
}
.eventIIIR p {
margin:0;
height:75px; padding:0 5px; overflow:hidden;
line-height:15px; font-family:Arial;
}
.eventIIIR p:hover {
overflow-y:auto;
}
/* LIEN EVENEMENT EN COURS PA */
.eventIIIR a {
display:block; margin:5px auto 0;
width:195px; height:15px; overflow:hidden;
text-align:center; font-size:9px; text-transform:uppercase; line-height:15px;
}
/* BLOC LIENS PA */
.lksIIIR {
width:194px; padding:7px 5px 2px;
text-transform:uppercase; text-align:center; line-height:18px; font-size:12px;
background:#c1cfe1; /* MODIFIABLE */
}
/* LIENS PA */
.lksIIIR a {
display:inline-block; vertical-align:top; margin-bottom:5px;
width:90px; height:18px; overflow:hidden; font-size:9px;
}
.lksIIIR a:nth-of-type(odd) {
margin-right:6px;
}
/* BLOC PARTENAIRES PA */
.partIIIR {width:190px; height:85px; padding:10px 7px 15px; overflow:hidden; text-align:center;}
.partIIIR img {margin:5px;width:35px; height:35px; filter:grayscale(1); -webkit-filter:grayscale(1);opacity:0.9; transition:all 0.65s ease-in-out; -webkit-transition:all 0.65s ease-in-out;}
.partIIIR img:hover {filter:grayscale(0); -webkit-filter:grayscale(0); opacity:1;}

/* STAFF */
#staffIIIR {
display:inline-block; vertical-align:middle; margin-right:-35px;
width:200px; height:200px; border-radius:100%; overflow:hidden;
}
.staffIIIR {
position:relative;
}
/* INTITULE STAFF PA */
.tleSIIIR {
position:absolute; z-index:4; margin-left:50px; margin-top:50px;
width:100px; height:60px; padding-top:40px; border-radius:100px;
text-align:center; text-transform:uppercase; font-size:12px; font-weight:bold;
}
.SIIIR {
width:100px; height:100px;
font-size:11px; text-align:center; line-height:17px;
}
/* CONTENUS STAFF PA */
.SIIIR div {
width:90px; height:75px; padding:25px 5px 0; overflow:hidden; border-radius:100px;
font-size:11px; text-align:center;
opacity:0; transition:all 0.45s ease-in; -webkit-transition:all 0.45s ease-in;
}
.SIIIR:hover div {
position:absolute; z-index:5;
opacity:1;
}
/* DISPONIBLE PA */
.onIIIR {
display:block; padding-top:2px;
font-size:10px; text-transform:uppercase; line-height:normal;
}
/* INDISPONIBLE PA */
.offIIIR {
display:block; padding-top:2px;
font-size:10px; text-transform:uppercase; line-height:normal;
}
/* LIENS PROFILS STAFF PA */
.SIIIR a {}
/* STAFF COIN SUPERIEUR GAUCHE */
.ISIIIR {
position:absolute; border-top-left-radius:100px;
}
.ISIIIR:hover div {
margin-left:50px; margin-top:50px;
}
/* STAFF COIN SUPERIEUR DROIT */
.IISIIIR {
position:absolute; margin-left:100px;
border-top-right-radius:100px;
}
.IISIIIR:hover div {
margin-left:-50px; margin-top:50px;
}
/* STAFF COIN INFERIEUR GAUCHE */
.IIISIIIR {
position:absolute; margin-top:100px;
border-bottom-left-radius:100px;
}
.IIISIIIR:hover div {
margin-left:50px; margin-top:-50px;
}
/* STAFF COIN INFERIEUR DROIT */
.IVSIIIR {
position:absolute; margin-top:100px; margin-left:100px;
border-bottom-right-radius:100px;
}
.IVSIIIR:hover div {
margin-left:-50px; margin-top:-50px;
}

Code:: <div class="IIIR">


<div class="boxIIIR">

   
   <div class="ctxtIIIR">
         Avec ses 4500 habitants, Tenby a tout d'une petite ville tranquille du Pays de Galles. Et elle pourrait certainement l'être, si elle n'était pas peuplée par un ramassis de commères à la langue bien pendue. Oh, bien sûr, ils paraissent tous extrêmement gentils avec leurs grands sourires, leurs compliments en tout genre et les gâteaux qu'ils vous offrent à tout va pour vous souhaiter la bienvenue en ville. Mais méfiez-vous, car leurs yeux acérés ne cherchent qu'une chose : sonder les tréfonds de votre âme, les coins les plus sordides de votre cerveau. Mettre à nue vos secrets, les exposer à la vue de tous. Ou pire encore. La plus maligne de tous, c'est encore cette satanée Mrs Lloyd, une petite vieille qui n'a l'air de rien aux premiers abords...
   </div>

   <img class="imgIIIR" src="https://i.imgur.com/SCHVtiI.png" />
   
   <div class="pfIIIR">

      <a href="..." target="_blank"><img src="https://www.aht.li/3208070/3535BW.png" /></a>
      <a href="..." target="_blank"><img src="https://www.aht.li/3208070/3535BW.png" /></a>
      <a href="..." target="_blank"><img src="https://www.aht.li/3208070/3535BW.png" /></a>
      <a href="..." target="_blank"><img src="https://www.aht.li/3208070/3535BW.png" /></a>
   </div>

   
   <div class="eventIIIR">

      
      <p>
            Le forum a ouvert ses portes le <strong>15 novembre 2013</strong>. Un minimum de <strong>250 mots</strong> par RP est demandé. 11/04/20 : nouvelle version par HJS et Irish Coffee, merci à elles ! La PA réalisée par Irish Coffee.
      </p>

      <a href="..." target="_blank">plus d'informations</a>
   </div>

</div>


<div class="boxIIIR">

   
   <div class="lksIIIR">

      <a href="http://www.whispers-down-the-lane.org/t19-le-reglement" target="_blank">Réglement</a>
      <a href="http://www.whispers-down-the-lane.org/t1341-guide-du-nouveau" target="_blank">Bien s'intégrer </a>
      <a href="http://www.whispers-down-the-lane.org/t4484-nouveau-systeme-de-rumeurs" target="_blank">Rumeurs</a>
      <a href="http://www.whispers-down-the-lane.org/t23-les-avatars-pris" target="_blank">Bottin</a>
      <a href="http://www.whispers-down-the-lane.org/f6-grazed-knees" target="_blank">Banque de liens</a>
      <a href="http://www.whispers-down-the-lane.org/t1983-saviez-vous-que" target="_blank">Saviez-vous que ?</a>
      <a href="http://www.whispers-down-the-lane.org/t18-le-contexte" target="_blank">Contexte</a>
      <a href="http://www.whispers-down-the-lane.org/t6523-aider-le-forum" target="_blank">Aider le forum</a>
   </div>

   
   <div class="partIIIR">

      <a href="..." target="_blank"><img src="https://www.aht.li/2994070/3535C.png" /></a>
      <a href="..." target="_blank"><img src="https://www.aht.li/2994070/3535C.png" /></a>
      <a href="..." target="_blank"><img src="https://www.aht.li/2994070/3535C.png" /></a>
      <a href="..." target="_blank"><img src="https://www.aht.li/2994070/3535C.png" /></a><br />
      <a href="..." target="_blank"><img src="https://www.aht.li/2994070/3535C.png" /></a>
      <a href="..." target="_blank"><img src="https://www.aht.li/2994070/3535C.png" /></a>
      <a href="..." target="_blank"><img src="https://www.aht.li/2994070/3535C.png" /></a>
      <a href="..." target="_blank"><img src="https://www.aht.li/2994070/3535C.png" /></a>
   </div>

</div>


<div id="staffIIIR">

   <div class="staffIIIR">

      
      <div class="tleSIIIR">
            Staff
      </div>

      
      <div class="SIIIR ISIIIR" style="background:url(https://i.imgur.com/a1cw6Ai.png);">

         
         <div>
               Pseudonyme
            <span class="onIIIR">Fonction</span>
            <a href="..." target="_blank">Profil</a>
         </div>

      </div>

      
      <div class="SIIIR IISIIIR" style="background:url(https://i.imgur.com/QRSclol.jpg)">

         
         <div>
               Pseudonyme
            <span class="offIIIR">Fonction</span>
            <a href="..." target="_blank">Profil</a>
         </div>

      </div>

      
      <div class="SIIIR IIISIIIR" style="background:url(https://i.imgur.com/RAZ1r7p.png)">

         
         <div>
               Pseudonyme
            <span class="onIIIR">Fonction</span>
            <a href="..." target="_blank">Profil</a>
         </div>

      </div>

      
      <div class="SIIIR IVSIIIR" style="background:url(https://www.aht.li/3208040/100100L.png)">

         
         <div>
               Pseudonyme
            <span class="onIIIR">Fonction</span>
            <a href="..." target="_blank">Profil</a>
         </div>

      </div>

   </div>

</div>
</div>

» profil january 2020
» qeel temp/css (01-11-2020)
» code entier de la PA