Welcome

Halloween Qui est en ligne

OneDay

Halloween, LS codage Forumactif Templates & Eléments Qui est en ligne Qui est en ligne OneDay

PHPBB2

Optimisé ATTENTION ! Le code ne fonctionne pas correctement si le profil avancé est activé (Panneau d'administration, "Utilisateurs & Groupes", "Profils", "Options générales", "Activer le profil avancé" → Non).

Retour

Codage qui est en ligne OneDay Halloween Forumactif

CSS

/***************************************************** QUI EST EN LIGNE *****************************************************/
.fond_qeel {
    background: url(https://i.imgur.com/hUUzZ4x.jpg);
    box-sizing: border-box;
    font-size: 12px;
    margin: 0 auto 2% auto;
    padding: 2%;
    width: 800px;
    font-family: Arial;
    color: #745881;
}

/* BLOCS GAUCHE ET DROIT */
.boite_qeel {
    background: #FCF5F8;
    border: 1px solid #FEECF3;
    padding: 1%;
    float: left;
    width: 30%;
    height: 150px;
    overflow: auto;
}

/* BLOC MILIEU */
.qeel_groupes {
    float: left;
    width: 33%;
    margin: 0 1%;
    text-align: center;
}

/* Mise en forme generale des liens */
.qeel_groupes a {
    display: inline-block;
    width: width: 105px;
    margin: 0 2% 2% 0;
       text-transform: uppercase;
    padding: 1% 0;
    color: #FCF5F8 !important;
}

/* Mise en forme de chaque groupe */
.qeel_g1 {background: #8C6599 !important; width: 105px;}
.qeel_g2 {background: #DC4C6A !important; width: 105px;}
.qeel_g3 {background: #52AFB0 !important; width: 105px;}
.qeel_g4 {background: #375386 !important; width: 105px;}
.qeel_g5 {}
.qeel_g6 {}

/* Texte bienvenu */
.qeel_bienvenu {
    width: 60%;
    float: left;
    text-align: center;
    padding: 18% 0 0;
}

/* Avatar dernier inscrit */
.qeel_avatar img {
    border: 1px solid #626667;
    height: 98px;
    object-fit: cover;
    width: 100x;
    margin: 7% 0 0;
}

/* TRANSPARENCE DU BLOC 24H */
#kaboum .row1 {
    background-color: transparent;
}

#kaboum .row1 .gensmall {
    font-size: 12px;
    color: #626667;
    font-family: Arial;
}

Index_body

Remplacer le contenu entre les commentaires "Begin disable online" et "End Disable online"

<div class="fond_qeel">
  	<div class="boite_qeel">
          	<span id="matt">
                  	{TOTAL_USERS}
                </span>
               	<span id="bert">
                  	{TOTAL_POSTS}
                </span>
          	<br />
                <span id="celine">
                  	{TOTAL_USERS_ONLINE}
          	</span>
          	<br />
              
          	<br /><br />
          	<span id="alpha">
                  	{LOGGED_IN_USER_LIST}
                </span>
	</div>
  
  	<div class="qeel_groupes">
          	<a href="#" class="qeel_g1">
                  waipuna
          	</a>
          	<a href="#" class="qeel_g2">
                  	ke kau
          	</a>
          	<br />
          	<a href="#" class="qeel_g3">
                  	haule
          	</a>
          	<a href="#" class="qeel_g4">
                  	ka hooilo
          	</a> 
            
          	<div class="qeel_bienvenu">
                  	<span style="font-size: 14px; font-family: 'Montserrat';">
                          	BIENVENUE A HONOLULU
                  	</span>
                  	
                  	<span id="yosh">
                  	    	<span id="dernier_membre">
                              		{NEWEST_USER}
                  		</span>
                  	</span>
            	</div>
          
          	<div class="qeel_avatar">
        		<span id="avatar_dernier_membre"></span>
  		</div>
 
	</div>
  		
  	<div class="boite_qeel">
          	<table id="kaboum">
                  	{L_CONNECTED_MEMBERS}
          	</table>
  	</div>
  
  	<div class="clear">
  	</div>
          
</div>

Créer une page Javascript

Template "Profile_view_body"

Remplacer ligne 20 :

Par :

Dernière modification : 25 April 2020 23 : 33.

#oneday #quiestenligne #forumactif #codage #libreservice

Halloween