Jawn

# [QEEL SIMPLE JAUNE] - Lun 4 Jan - 3:40
![[QEEL SIMPLE JAUNE] 6a8e38b92b](https://puu.sh/yZNJA/6a8e38b92b.png)
Dans votre template index_body, entre les balises :
- Code:
<!-- BEGIN disable_viewonline -->
<!-- END disable_viewonline -->
Entre votre HTML >
- Code:
<div class="titleqeel"><div class="textqeel"> Statistiques du forum</div></div>
<div class="qeelfond">
<div class="stats_left"><div class="stats_info">{TOTAL_USERS_ONLINE}</div><div class="stats_info">{TOTAL_POSTS}</div><div class="stats_info">{TOTAL_USERS}</div><div class="stats_info">Ils ont foulés notre sol :</div></div>
<div class="stats_info2">Ils sont sur nos terres :</div><div class="onlineuh">{LOGGED_IN_USER_LIST}</div>
<div class="box"><img src="http://via.placeholder.com/450x250"/> </div>
<div class="newet_user">{NEWEST_USER}</div>
<div id="qeel-stats"><div class="ausersb"><table>{L_CONNECTED_MEMBERS}</table></div></div>
<div class="credou">:copyright: Copyright : Tous droits réservés. QEEL réalisé par <a href="https://epsilon-ls.forumactif.com/">E P S I L O N</a>. Toute reproduction même partielle est interdite -demander l'autorisation ne coûte rien et en plus on a des cookies-.</div>
</div>
Puis ajoutez votre CSS :
- Code:
.credou {
color: grey;
font-size: 11px;
height: 14px;
margin: 20px;
position: relative;
top: 100px;
}
.credou a {
color: #d09f01!important;
text-decoration: none;
}
.newet_user {
font-size: 0;
}
.newet_user strong a {
background: #e0e0e0;
border: 1px solid #d4d4d4;
bottom: 15px;
font-size: 14px;
max-height: 46px;
padding: 33px 0 5px;
position: absolute;
text-align: center;
width: 100%;
}
.newet_user strong a:before {
color: #000;
content: "Dernier utilisateur :";
border-bottom: solid 1px #d09f01;
width: 350px;
font-weight: 400;
left: 0;
position: absolute;
font-family: 'Roboto Condensed';
text-transform: uppercase;
font-style: italic;
top: 10px;
width: 100%;
}
td.row1, td.row3.over:hover {
background-color: white;
font-family:'Poiret One';
}
.titleqeel {
position:relative;
width:1000px;
height:100px;
background-color:black;
background-image: url('https://www.textures.com/system/gallery/photos/Landscapes/Skies%20Partial/19586/Skies0258_2_download600.jpg');
background-size:100%;
background-repeat:no-repeat;
margin:0 auto;
}
.textqeel {
color: #d09f01;
font-family: 'Poiret One';
font-size: 55px;
padding: 15px;
font-weight: 100;
text-align: center;
}
.qeelfond {
position:relative;
border-bottom: 35px solid #d09f01;
width:1000px;
height:400px;
background-color:#eaeaea;
margin:0 auto;
}
.box {
height: 250px;
padding: 20px;
position: relative;
top: 40px;
right: 10px;
width: 450px;
}
.stats_left {
width: 240px;
overflow: hidden;
padding: 5px;
margin-right:-30px;
float:right;
}
.stats_info {
border-bottom: 1px solid lightgrey;
font-family: roboto condensed;
font-size: 10px;
letter-spacing: 2px;
width:190px;
color: #000;
text-transform: uppercase;
text-align: right;
padding: 8px;
}
.stats_info2 {
border-bottom: 1px solid lightgrey;
font-family: roboto condensed;
font-size: 10px;
letter-spacing: 2px;
width:190px;
float:right;
margin-right:9%;
color: #000;
text-transform: uppercase;
text-align: right;
padding: 8px;
margin-top: 15px;
}
.ausersb {
background-color: #fff;
border: 1px solid #d3d3d3;
color: #000;
float: right;
font-family: 'Poiret One';
font-size: 6px;
font-weight: lighter;
height: 102px;
line-height: 12px;
margin-right: 5px;
margin-top: -106px;
padding: 10px;
position: relative;
text-align: justify;
width: 240px;
overflow: auto;
}
.onlineuh {
background-color: #fff;
border: 1px solid #d3d3d3;
content:"";
float: right;
font-family: 'Poiret One';
font-size: 12px;
height: 237px;
margin-right: -230px;
margin-top: 40px;
padding: 5px;
top: 20px;
position: relative;
text-align: justify;
width: 230px;
}
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|