epsilon
forum de libre service de codage,
aucune inscription
Une refonte complète d'Epsilon est prévue pour bientôt. Dans les mois qui suivent, le forum va totalement changer d'apparence et toutes les catégories vont être réorganisées. Pas de panique, aucun LS ne va disparaître !
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Le Deal du moment :
TV LED 32” Continental Edison CELED32SAHD24B3
Voir le deal
139.99 €

Jawn
Jawn
The relations between us in those latter days were peculiar.
The relations between us in those latter days were peculiar.
[BLUE AND GREY] 3SEBNSc

Dans votre template index_body, entre les balises :
Code:
<!-- BEGIN disable_viewonline -->
et
Code:
<!-- END disable_viewonline -->

Entre votre HTML >
Code:
<div class="titleqeel">Board statistics</div>
<div class="boxonline">
<div class="statsonline">{TOTAL_USERS_ONLINE}</div>
<div class="oukisson">{LOGGED_IN_USER_LIST}</div>
<div class="totalonline"><table><script type="text/javascript">document.getElementById('online').innerHTML=document.getElementById('onlineuh').innerHTML.replace(/Utilisateurs enregistrés :/," ") .replace(/test/," ");</script>{L_CONNECTED_MEMBERS}</table></div>
<div class="newmember">{NEWEST_USER}</div>
   <div id="cadre-qeel-header">
<div>{TOTAL_POSTS} {TOTAL_USERS}</div>
</div>
  <div class="bls_stat2">
 <div> <script type="text/javascript" src="http://tinyurl.com/var-fa"></script><strong><span class="FORUMCOUNTOPIC"></span></strong> <br/>sujets </div>
 </div>
<div class="topmilieu1">
  <div class="entouretop1"><img src="https://imgur.com/Zvr1x49.png"/><div class="irae">25</div></div>
  <div class="entouretop1"><img src="https://imgur.com/LchqrRi.png"/><div class="ordre">20</div></div>
  <div class="entouretop1"><img src="https://imgur.com/NAQYSTJ.png"/><div class="omega">22</div></div>
</div></div>

Et dans votre feuille de style, le CSS :
Code:

.topmilieu1 {
    height: 100px;
    width: 373px;
    position: relative;
    left: 42%;
    margin-top: 50px;
}
.irae {
  color:#C22323;
  font-family:'Poiret One';
  font-weight:bold;
  font-size: 20px;
}
.ordre {
  color:#60ACB3;
  font-family:'Poiret One';
  font-weight:bold;
  font-size: 20px;
}
.omega {
  color:#D99B1F;
  font-family:'Poiret One';
  font-weight:bold;
  font-size: 20px;
}
.entouretop1{
display:inline-block;
margin:10px;
text-align:center;
position:relative;
left:100px;
top: 75px;
}
#cadre-qeel-header {
  font-size: 0;
  }
  #cadre-qeel-header strong {
    font-size: 20px;
    background: rgba(50,50,50,0.8);
    box-shadow: 1px 1px 1px #454545;
    color: #eaeaea;
    width: 80px;
    height: 56px;
    display: block;
    margin-bottom: 146px;
    margin-right: -30px;
    text-align: center;
    padding: 10px 0px 0px 0px;
    font-family: 'Roboto Condensed';
    text-transform: uppercase;
    border: 5px solid #9fc5c1;
    }
    #cadre-qeel-header strong:nth-child(1) {
    position: absolute;
    bottom: -60px;
    right: 48px;
      }
      #cadre-qeel-header strong:nth-child(1):before {    
        content: "épitaphes";    
        position: absolute;    
        top: 36px;  
        left: 0;    
        width: 100%;    
        font-size: 12px;    
        font-weight: 100;
        }
  #cadre-qeel-header strong:nth-child(2) {
    position: absolute;
    bottom: 20px;
    right: 48px;
          }
  #cadre-qeel-header strong:nth-child(2):before {    
    content: "écrivains";    
    position: absolute;    
    top: 36px;    
    left: 0;    
    width: 100%;    
    font-size: 12px;    
    font-weight: 100;
    }
/*Positionnement du bloc "Sujets" + bordure*/
.bls_stat2{
    box-sizing: border-box;
    position: absolute;
    bottom: -141px;
    right: 48px;
}

/*Mise en page du bloc "Sujets"*/
.bls_stat2 div {
    box-sizing: border-box;
    font-size: 17px;
    background: rgba(50,50,50,0.8);
    color: #eaeaea;
    width: 90px;
    height: 77px;
    display: block;
    margin-bottom: 146px;
    margin-right: -30px;
    text-align: center;
    padding: 11px 0px 0px 0px;
    border: 5px solid #9fc5c1;
    box-shadow: 1px 1px 1px #454545;
    font-family: 'Roboto Condensed';
    text-transform: uppercase;
}
.laligne {
    text-align: center;
    margin: 0 auto;
}
.titleqeel {
    border-bottom: 1px solid #eaeaea;
    color: #4e4e4e;
    text-shadow: 0px 1px 2px #eaeaea;
    font-family: Anisha;
    font-size: 74px;
    font-style: italic;
    text-transform: lowercase;
    position: relative;
    text-align: center;
}
.boxonline {
    background-color: rgba(250,250,250,0.6);
    color: #000;
    font-weight: lighter;
    height: 300px;
    margin: 10px auto;
    padding: 10px;
    position: relative;
    text-align: justify;
    width: 880px;
    box-shadow: 1px 1px 8px #454545;
    z-index: 9;
}
  .statsonline {
     border-bottom: 1px solid #d3d3d3;
    color: #454545;
    font-family: 'Roboto Condensed';
    font-size: 11px;
    min-height: 10px;
    padding: 20px;
    width: 370px;
  }
  .oukisson {
    border-bottom: 1px solid #d3d3d3;
    font-size: 0px;
    height: 95px;
    margin-top: -15px;
    padding: 20px;
    width: 300px;
    overflow: auto;
  }
  .oukisson a {
    font-size: 11px;
    letter-spacing: 0px;
    margin: 2px;
  font-family: 'Roboto Condensed';
  text-transform: uppercase;
}
.totalonline {
    font-size: 12px;
    height: 82px;
    margin-top: 2px;
    padding: 14px;
    width: 300px;
    overflow: auto;
}
.totalonline .gensmall {
  background-color:#eaeaea !important;
  font-size:0px !important;
  letter-spacing:0px;
}
.totalonline .row1 {
     font-family: 'Roboto Condensed';
    text-transform: uppercase;
}
.totalonline a {
    font-size: 11px;
    letter-spacing: 0px;
    margin: 2px;
}
.newmember {
    background-color: rgba(132, 132, 132, 0.5);
    font-size: 0;
    position: relative;
    height: 50px;
    left: 48%;
    margin-top: -284px;
    padding: 5px;
    width: 440px;
}
.newmember strong a {
    font-size: 14px;
    padding: 33px 0 5px;
    position: absolute;
    right: 143px;
    width: 280px;
    margin-top: 22px;
    text-transform: uppercase;
    font-family: 'Roboto Condensed';
}
.newmember strong a:before {
    bottom: 20px;
    color: #9fc5c1;
    content: "Notre dernier écrivain :";
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: bold;
    left: 4px;
    position: absolute;
    text-transform: uppercase;
    width: 315px;
    top: -5px;
    letter-spacing: 3px;
    text-shadow: 0px 2px 3px #454545;
}
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum