Poster un nouveau sujetRépondre au sujet

Qui est en Ligne

 :: Thèmes :: Chats :: HTML et CSS Voir le sujet précédent Voir le sujet suivant Aller en bas
avatar
Voir le profil de l'utilisateur http://aadelruntest.forumactif.com
Admin
Messages : 39
Date d'inscription : 02/02/2017
Age : 18


Code HTML : remplacez le code du QEEL par :
Code:
<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr><td><div id="QEEL"><!-- TITRE --><div class="tleQEEL"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></div>
<div id="blocQEEL"><div class="blocQEEL"><!-- IMAGE GAUCHE 300*275 --><img src="https://i58.servimg.com/u/f58/19/56/78/66/qeel10.png" /><!-- MEMBRES CONNECTES/24H --><div id="ondayQEEL"><!-- MEMBRES CONNECTES --><div class="onlineQEEL"><table>{LOGGED_IN_USER_LIST}</table></div><!-- 24H --><div class="dayQEEL"><table>{L_CONNECTED_MEMBERS}</table></div></div></div></div><!-- STATISTIQUES --><div class="stsQEEL"><!-- DERNIER INSCRIT --><div>Dernier inscrit</div><span id="nUSER">{NEWEST_USER}</span><script type="text/javascript">document.getElementById('nUSER').innerHTML=document.getElementById('nUSER').innerHTML.replace(/L'utilisateur enregistré le plus récent est /," ")</script><br/><!-- TOTAL MEMBRES --><div>Membres</div><span id="tUSERS">{TOTAL_USERS}</span><script type="text/javascript">document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/Nous avons /," "); document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/membres enregistrés/," "); document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/membre enregistré/," ");</script><br/><!-- TOTAL MESSAGES --><div>Messages</div><span id="tPOSTS">{TOTAL_POSTS}</span><script type="text/javascript">document.getElementById('tPOSTS').innerHTML=document.getElementById('tPOSTS').innerHTML.replace(/Nos membres ont posté un total de /," "); document.getElementById('tPOSTS').innerHTML=document.getElementById('tPOSTS').innerHTML.replace(/messages/," ");</script><!-- ANNIVERSAIRES --><span class="anvQEEL"><table>{L_WHOSBIRTHDAY_TODAY} {L_WHOSBIRTHDAY_WEEK}</table></span></div><div id="blocIIQEEL"><div class="blocIIQEEL"><!-- IMAGE DROITE 225*275 --><img src="http://zupimages.net/up/17/08/mhrc.png" /><!-- GROUPES --><div class="GQEEL">{GROUP_LEGEND}</div></div></div>
</div></td></tr></table>
<!-- END disable_viewonline -->

Code CSS :
Code:
/* QEEL */
#QEEL {
margin:auto; width:800px;
}
/* TITRE QEEL */
.tleQEEL {
display:block; width:800px; padding:10px 0;
text-align:right; text-transform:uppercase;
}
.tleQEEL a{
font-family:Arial; font-size:36px; color:white; /* MODIFIABLE */
}
/* BLOC GAUCHE QEEL */
#blocQEEL {
display:inline-block; vertical-align:top;
}
.blocQEEL {
position:relative; width:300px; height:275px; overflow:hidden;
}
#blocQEEL img{
position:absolute;
transition:transform 0.80s linear; -webkit-transition:transform 0.80s linear;
}
/* BLOC MEMBRES EN LIGNE / 24H QEEL */
#ondayQEEL {
width:300px; height:265px; padding-top:10px; text-align:center;
background:rgba(250,250,250,0.3); /* MODIFIABLE */
transform:translateX(300px); -webkit-transform:translateX(300px);
transition:transform 0.80s linear; -webkit-transition:transform 0.80s linear;
}
#blocQEEL:hover #ondayQEEL {
transform:translateX(0px); -webkit-transform:translateX(0px);
}
#blocQEEL:hover img{
transform:translateX(-300px); -webkit-transform:translateX(-300px);
}
/* MEMBRES CONNECTES QEEL */
.onlineQEEL {
margin:auto; margin-bottom:5px;
width:255px; height:95px; padding:10px; overflow:auto;
background:rgba(250,250,250,0.7); color:black;  /* MODIFIABLE */
font-size:10px; text-align:justify;
}
/* 24H QEEL */
.dayQEEL {
margin:auto;
width:265px; height:125px; padding:5px; overflow:hidden;
background:rgba(250,250,250,0.7); color:black !important; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
.dayQEEL:hover {
overflow:auto;
}
.dayQEEL .row1 {
padding:0; background:none;
}
/* STATISTIQUES QEEL */
.stsQEEL {
display:inline-block; vertical-align:top;
width:275px; height:260px; padding-top:15px; overflow:hidden;
background:#DBDCDA; color:white; /* MODIFIABLE */
text-align:center; font-size:11px;
}
/* TITRES STATISTIQUES QEEL */
.stsQEEL div {
margin:5px auto; width:75%; padding:5px 0;
text-transform:uppercase; font-weight:bold; text-align:center;
border-bottom:1px solid black; /* MODIFIABLE */
}
/* ANNIVERSAIRES */
.anvQEEL {
display:block; margin:10px auto 0;
width:75%; height:75px; overflow:hidden;
border:none; font-weight:normal; text-align:justify;
background:#dedede; /* MODIFIABLE */
transform:scale(0.5); -webkit-transform:scale(0.5); transition:transform 0.65s ease; -webkit-transition:transform 0.65s ease;
}
.anvQEEL:hover {
overflow:auto; transform:scale(1); -webkit-transform:scale(1);
}
.anvQEEL .row1{
padding:0; background:none !important;
}
/* BLOC DROITE QEEL */
#blocIIQEEL {
display:inline-block; vertical-align:top;
}
.blocIIQEEL {
position:relative; width:225px; height:275px; overflow:hidden;
}
#blocIIQEEL:hover .GQEEL {
transform:translateX(0px); -webkit-transform:translateX(0px);
}
#blocIIQEEL img {
position:absolute; width:225px; height:275px;
transition:transform 0.80s linear; -webkit-transition:transform 0.80s linear;
}
#blocIIQEEL:hover img{
transform:translateX(225px); -webkit-transform:translateX(225px);
}
/* BLOC GROUPES QEEL */
.GQEEL {
width:225px; height:255px; padding:10px 0;
text-align:center; color:rgba(0,0,0,0); line-height:8px;
background:rgba(250,250,250,0.3); /* MODIFIABLE */
transform:translateX(-225px); -webkit-transform:translateX(-225px);
transition:transform 0.80s linear; -webkit-transition:transform 0.80s linear;
}
/* GROUPE QEEL */
.GQEEL a {
display:block; padding:5px;
text-transform:uppercase; font-weight:bold; text-align:center;
font-size:16px; font-family:Arial; /* MODIFIABLE */
}
Lun 3 Avr - 15:25
Revenir en haut Aller en bas
Page 1 sur 1

Permission de ce forum:Vous pouvez répondre aux sujets dans ce forum
Aadelrun Test forum :: Thèmes :: Chats :: HTML et CSS-
Poster un nouveau sujetRépondre au sujetSauter vers: