Jawn
![Jawn](https://imgur.com/l1lIbxq.png)
# [BLUE AND GREY] - Lun 17 Déc - 2:48
![[BLUE AND GREY] 3SEBNSc](https://imgur.com/3SEBNSc.png)
Dans votre template index_body, entre les balises :
- Code:
<!-- BEGIN disable_viewonline -->
- 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
|
|