Welcome

Halloween Index complets

Star Wars

Halloween, LS codage Forumactif Index complets Index complet Star Wars

PHPBB2

Optimisé Diapomara sur les nouveautés de la page d'accueil. Un affichage des messages et profil est disponible. La maquette complète

Retour

Codage index complet Star Wars accueil Halloween Forumactif

CSS

/*************************************************** PAGE D'ACCUEIL ***************************************************/

/* Titre PA */
.pa h2 {
    background: url('https://image.noelshack.com/fichiers/2017/42/3/1508334022-logo-rebellion.png') center no-repeat;
    text-transform: uppercase;
    font-size: 30px;
    padding: 4% 0;
}

/* Blocs de la PA */
.pa_gauche {
    float: left;
    width: 35%;
    margin: 0 1%;
}

.pa_droite {
    float: left;
    width: 27%;
    margin: 0 1%;
    position: relative;
    height: 287px;
}

/* Slider */

.slideshow, .slide {
  width: 300px;
  height: 180px;
}

.slideshow img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.slideshow {
  margin: 0;
  overflow: hidden;
  background: rgba(0,0,0,0.3);
  position: relative;
}

.slideshow div {
  position: relative;
  top: 0;
  left: 0;
}
  
.slide {
  margin: auto;
  overflow: auto;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  color: white;
}

/* Liens utiles */
.liens_utiles {
    margin: 6% 0 0 0;
}

.liens_utiles a {
    display: inline-block;
    margin: 1% 2.8%;
    padding: 2%;
    width: 40%;
    background: url(https://image.noelshack.com/fichiers/2017/42/3/1508333952-fond-etoiles.png);
}

.liens_utiles a:hover {
    background: #386bc4;
    letter-spacing: 1px;
}

/* Contexte */
.pa_milieu {
    float: left;
    width: 30%;
    background: url('https://image.noelshack.com/fichiers/2017/42/3/1508333952-fond-etoiles.png');
    padding: 2%;
    text-align: justify;
    font-size: 12px;
    line-height: 1.5;
}

.contexte_pa a {
    display: inline;
    background: #386bc4;
    padding: 0 4%;
    text-transform: uppercase;
    font-size: 11px;
}

/* Titres PA */
.pa h3 {
    margin: 0 0 5% 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    background: url('https://i.imgur.com/9NG28BP.png') no-repeat center;
    padding: 6% 0;
}

/* Staff */
.pa_staff {
    position: relative;
}

.pa_staff img {
    margin: 2% 0;
    float: left;
}

.pa_staff span {
    float: left;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    margin: 4%;
}

.pa_staff a {
    background: url(https://image.noelshack.com/fichiers/2017/42/3/1508333952-fond-etoiles.png);
    display: block;
    float: left;
    padding: 4%;
    position: absolute;
    right: 0;
}

.pa_staff a:hover {
    background: #386bc4;
}

/* Credits */
.pa_credits {
    background: url(https://image.noelshack.com/fichiers/2017/42/3/1508333952-fond-etoiles.png);
    margin: 5% 0 0 0;
    padding: 5%2%;
    width: 96%;
    position: absolute;
    bottom: 0;
}

/* Partenaires */
.pa_partenaires {
    background: #151515;
    margin: 2% 0;
    padding: 2% 2% 5% 2%;
}

.pa_partenaires h3 {
    margin: 0 0 2% 0;
    padding: 2%;
}

.pa_partenaires img {
    margin: 0 1%;
}

HTML

<div class="pa">
	                                           
	<h2>
		                      Bienvenue sur <span style="color: #386bc4;">Rebellion  </span>                    
	</h2>
	                                           
	<div class="pa_gauche">
		                                         
		<div class="pa_slider">
			                                       
			                                    
			<div class="slideshow" id="slideshow">
				                                                                                     
				<div id="slideshow-container">
					                                                                                               
					<div class="slide">
						                  <a href="#"><img alt="new1" src="https://i.imgur.com/nOGmXEX.jpg" />                                </a>                  
					</div>
					                                                                                                   
					<div class="slide">
						                      <a href="#"><img alt="new2" src="https://i.imgur.com/J8BqQTI.jpg" />                                      </a>                  
					</div>
					                                                                                                       
					<div class="slide">
						                  <a href="#"><img alt="new3" src="https://i.imgur.com/GVl5ZvA.jpg" />                                </a>                  
					</div>
					                                                                                                                                                                                                                             
					                                           
				</div>
				                                                                          
			</div>
			                                       
		</div>
		                                                        
		<div class="liens_utiles">
			                     <a href="#">Règlement</a> <a href="#">Contexte</a> <a href="#">Annexes</a> <a href="#">Partenaires</a> <a href="#">Bottin</a> <a href="#">Scénarios</a>                      
		</div>
		                                           
	</div>
	                                           
	<div class="pa_milieu">
		                                           
		<h3>
			                      Contexte                      
		</h3>
		                                           
		<div class="contexte_pa">
			                       C’est la guerre ! Face à la menace grandissante de l’Empire, un petit groupe de différents individus issus de plusieurs espèces tentent tant bien que mal d’opposer une résistance face à cet ennemi. C’est dans les recoin les plus lointains de la galaxie que né le mouvement de la Rébellion. Face à cette nouvelle organisation, l’Empire accroit son pouvoir sur les mondes dominés et n’hésite pas à asservir toute la population et les utiliser pour extraire le minerai des mines ou les faire travailler dans les usines de montage impériale. L’avenir de la galaxie s’annonce bien sombre… <a href="http://swrebellion.forumactif.com/t1-contexte">En savoir plus</a>                      
		</div>
		                                           
	</div>
	                                           
	<div class="pa_droite">
		                                           
		<h3>
			                      Staff                      
		</h3>
		                                                             
		<div class="pa_staff">
			                      <img src="https://i.imgur.com/2rHbLXv.jpg" /><span style="color: #F4B4F7;">La force</span> <a href="http://swrebellion.forumactif.com/privmsg?mode=post&u=1">MP</a>               
			<div class="clear">
				                     
			</div>
			                             
		</div>
		                                           
		<div class="pa_staff">
			                      <img src="https://i.imgur.com/2rHbLXv.jpg" /><span style="color: #F4B4F7;">La force</span> <a href="http://swrebellion.forumactif.com/privmsg?mode=post&u=1">MP</a>               
			<div class="clear">
				                     
			</div>
			                             
		</div>
		                         
		<div class="pa_staff">
			                      <img src="https://i.imgur.com/2rHbLXv.jpg" /><span style="color: #F4B4F7;">La force</span> <a href="http://swrebellion.forumactif.com/privmsg?mode=post&u=1">MP</a>              
			<div class="clear">
				                     
			</div>
			                              
		</div>
		                   
		<div class="pa_credits">
			          Forum RPG Star Wars. Avatars réels 200*300px.Textes & Graphisme par La Force, Codage par <a href="http://ls-halloween.fr">Halloween</a>. 
		</div>
		                                           
	</div>
	                                   
	<div class="clear">
		                                   
	</div>
	                 
	<div class="pa_partenaires">
		               
		<h3>
			        Nos partenaires        
		</h3>
		         <a href="#" target="_blank"><img src="https://i62.servimg.com/u/f62/19/55/64/92/bouton10.png" /></a> <a href="#" target="_blank"><img src="https://i62.servimg.com/u/f62/19/55/64/92/bouton10.png" /></a> <a href="#" target="_blank"><img src="https://i62.servimg.com/u/f62/19/55/64/92/bouton10.png" /></a> <a href="#" target="_blank"><img src="https://i62.servimg.com/u/f62/19/55/64/92/bouton10.png" /></a> <a href="#" target="_blank"><img src="https://i62.servimg.com/u/f62/19/55/64/92/bouton10.png" /></a> <a href="#" target="_blank"><img src="https://i62.servimg.com/u/f62/19/55/64/92/bouton10.png" /></a> <a href="#" target="_blank"><img src="https://i62.servimg.com/u/f62/19/55/64/92/bouton10.png" /></a>        
	</div>
</div>

Créer une nouvelle page Javascript (et penser à l'activer)

$(function () {
    //VARIABLES MODIFIABLES
    var delaiSwitch    = 5000;                    // Délai (en ms) d'affichage d'un slide
    var delaiTransition = 1000;                    // Délai (en ms) de l'animation de transition
    var direction      = 'left';                  // Sens (left ou right) du défilement
    var idSlideshow    = '#slideshow';            // ID du slideshow
    var idContainer    = '#slideshow-container';  // ID du container
  
    //VARIABLES SYSTEME
    var slideshowWidth  = parseInt($(idSlideshow).css('width'));
    var slideshowHeight  = parseInt($(idSlideshow).css('height'));
    var nbSlides        = $(idContainer+' > .slide').length;
  
    //ADAPTE LA TAILLE DU CONTENEUR AU NOMBRE DE BLOCS QU'IL CONTIENT
    $(idContainer).css('width', slideshowWidth*nbSlides+'px');

//REDEFINIT LE CONTENU POUR SUPPRIMER LES EVENTUELS ECARTS DUS AUX BORDERS
    if(direction==='right') {
        var decalageLeft = -slideshowWidth*(nbSlides-1);
        $(idContainer).css('left', decalageLeft+'px');
      
        $(idContainer+' > .slide').each(function() {
            var el = $(this).remove();
            $(idContainer).prepend(el);
        }, this);
    } else {
        $(idContainer+' > .slide').each(function() {
            var el = $(this).remove();
            $(idContainer).append(el);
        }, this);
    }
  
    //ADAPTE LA TAILLE DES IMAGES AUX DIMENSIONS DU SLIDESHOW
    $(idSlideshow+' img').css('max-width', slideshowWidth);
    $(idSlideshow+' img').css('max-height', slideshowHeight);
  
    //LANCEMENT DE L'ANIMATION
    setInterval(function() {
        slideshow()
    }, delaiSwitch);
  
    //FONCTION DE DEFILEMENT
    function slideshow() {
        var compteur = 0;      // Compte les slides ayant bougé
      
        if(direction==='right') {
            $(idContainer+' > .slide').animate({left: '+='+slideshowWidth}, delaiTransition, function() {
                compteur++;
              
                // Lorsque le dernier slide à bougé, on crée la boucle
                if(compteur===nbSlides) {
                    var el = $(idContainer+' > .slide:last').remove();
                    $(idContainer).prepend(el);
                    $(idContainer+' > .slide').css('left', '0');
                  
                    compteur = 0;
                }
            });
        } else {
            $(idContainer+' > .slide').animate({left: '-='+slideshowWidth}, delaiTransition, function() {
                compteur++;
              
                // Lorsque le dernier slide à bougé, on crée la boucle
                if(compteur===nbSlides) {
                    var el = $(idContainer+' > .slide:first').remove();
                    $(idContainer).append(el);

$(idContainer+' > .slide').css('left', '0');
                  
                    compteur = 0;
                }
            });
        }      
    }
});

Codage index complet Star Wars catégories Halloween Forumactif PHPBB2

CSS

/*************************************************** CATEGORIES, HALLOWEEN ***************************************************/
.categories_liens_utiles a, .contenu_forum a {
    text-decoration: none !important;
    color: #dbdada !important;
    transform: all;
    transition: 1s;
}

/* Boutons header categories */
.categories_liens_utiles {
    text-align: center;
}

.categories_liens_utiles a {
    display: inline-block;
    background: #151515;
    padding: 1%;
    margin: 0 1%;
    text-align: center;
    font-size: 13px;
}

.categories_liens_utiles a:hover {
    background: #3174c5 !important;
}

/* Titre categories */
.secondarytitle {
    text-align: center;
    margin-top: 2%;
}

/* Fond de chaque forum */
.contenu_forum {
    width: 850px;
    background: #222222;
    margin: auto;
    color: #dbdada;
}

/* Images de statut des forums */
.statut_forum {
    float: left;
    margin: 4% 2% 0 2%;
}

/* Mise en forme du bloc Titre forum et de l'image descriptive */
.forum_nom_image {
    float: left;
    width: 35%;
    margin-top: 1%;
}

.forumlink {
    text-transform: uppercase;
    text-align: center;
    font-weight: normal;
    display: block;
    font-size: 16px;
}

.forumlink:hover {
    letter-spacing: 2px;
}

.forum_description {
    position: relative;
}

.forum_description p {
    font-size: 10px;
    height: 60px;
    overflow: auto;
    padding: 10px;
    position: absolute;
    top: 0;
    width: 255px;
    z-index: 2;
    background: #000;
}

.forum_description p:hover {
    z-index: 3;
}

.forum_description img {
    border: 2px solid #000;
    width: 275px;
    height: 100px;
    object-fit: cover;
    position: absolute;
    z-index: 3;
}

.forum_description img:hover {
    z-index: 1;
}

/* Bloc dernier message, avatar et statistiques */
.forum_dernier_avatar_stats {
    background: url('https://image.noelshack.com/fichiers/2017/42/3/1508334022-logo-rebellion.png') no-repeat right #151515;
    border: 1px solid #000;
    border-radius: 15px;
    float: left;
    font-size: 10px;
    height: 100px;
    margin: 4% 0 0 8%;
    text-align: center;
    text-transform: uppercase;
    width: 49%;
}

.forum_dernier_avatar_stats a {
    font-size: 10px;
}

.lastpost-avatar-categories {
    float: left;
    padding: 0;
}

.lastpost-avatar-categories img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 100px;
    border: 1px solid #000;
    margin: -.1% 0 0 -60%;
}

.forum_dernier_message {
    margin: 3% 0 4% 0;
}

/* Sous-forum */
.sous_forum {
    background: #386bc4;
    padding: 1.5%;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: .5px;
    width: 97%;
    margin-top: 2%;
}=

Index_box

<div class="categories_liens_utiles">
  	
		<a href="{U_SEARCH_NEW}">
                  	{L_SEARCH_NEW}
  		</a>			
  		<a href="{U_SEARCH_SELF}">
                  	{L_SEARCH_SELF}
  		</a>
  	
	<a href="{U_SEARCH_UNANSWERED}">
          	{L_SEARCH_UNANSWERED}
  	</a>
</div>

<div class="secondarytitle">
                  	{catrow.tablehead.L_FORUM}
		</div>

<div class="contenu_forum">
                  	<img src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" class="statut_forum" />
                  
                  	<div class="forum_nom_image">
                          	<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">
                                  	{catrow.forumrow.FORUM_NAME}
                          	</a>
                          	<div class="forum_description">
                                  	{catrow.forumrow.FORUM_DESC}
                          	</div>
                  	</div>
                  
                  	<div class="forum_dernier_avatar_stats">
                          	
            				<span class="lastpost-avatar-categories">
                                          	{catrow.forumrow.avatar.LAST_POST_AVATAR}
                          		</span>
            			
                          	<div class="forum_dernier_message">
                                  	{catrow.forumrow.LAST_POST}
                          	</div>
                          	{catrow.forumrow.POSTS} Messages dans {catrow.forumrow.TOPICS} sujets
                  	</div>
                  
                  	<div class="clear">
                  	</div>
                  
                  	<div class="sous_forum">
				{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                  	</div>
		</div>

Penser à encadrer vos descriptions avec un

CSS

/*************************************************** QUI EST EN LIGNE ***************************************************/

/* Mise en forme du qui est en ligne */
.qui_est_en_ligne {
    background: #222222;
    width: 750px;
    margin: auto;
    padding: 50px;
    border-top: 10px solid #3273c5;
    border-bottom: 10px solid #3273c5;
    margin-top: 5%;
    font-size: 12px;
}

/* Blocs de gauche et de droite */
.qeel_bloc_gauche, .qeel_bloc_droite {
    background: #151515;
    float: left;
    width: 30%;
    padding: 2%;
    border: 1px solid #000;
    height: 300px;
    overflow: auto;
    color: #dad9d9;
}

.qeel_bloc_droite table .row1 {
    background: transparent !important;
}

.qeel_bloc_droite .gensmall {
    font-size: 12px;
    color: #dad9d9;
}

/* Bloc du milieu */
.qeel_bloc_centre {
    float: left;
    width: 30%;
    margin: 0 .5%;
    text-align: center;
}

/* Groupes en onglets */
.paonglet {
    display: inline-block;
}
            
.paonglet_0 {
    height: 25px;
    margin: 5% 1% 0 1%;
    width: 25px;
}

.contenu_paonglet {
    display: none;
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    margin-top: 40%;
}

/* Liens footer categories */
.liens_footer_cate a {
    font-size: 13px;
}

.liens_footer_cate {
    float: left;
    margin: 2% 0 0 1.8%;
}

/* Liens bulles footer categories */
.infobulle {
    display: block;
    float: right;
    margin: 2% 1.8% 0 0;
    font-size: 13px;
}

.infobulle > div {
  position: absolute;
  margin-top: -20px;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.3) rotate(-45deg);
  transition: all 0.3s linear;
}

.infobulle:hover > div {
  opacity: 1;
  visibility: visible;
  transform: scale(1) rotate(0deg);
}

.bouh {
  padding: 25px;
  margin: auto;
  background-color: #000;
  color: #fff;
  text-align: center;
}

.bouh a {
  display: block;
}

.fleche {
  width: 0;
  margin-left: 70px;
  border: 5px solid transparent;
  border-bottom: 10px solid #000000;
}

Index_Body

{JAVASCRIPT}

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
	
	<tr>
		<td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
	</tr>
	
	
	<tr>
		<td class="row1" rowspan="3" align="center" valign="middle">
		<div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
		</td>
	</tr>
	
</table>

<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
        <tr>
            <td width="50%" valign="top" align="{switch_user_login_form_header.V_ALIGN}" class="row1">

<table>
                    <tr>
                        <td><span class="genmed">{L_USERNAME}:</span> </td>
                        <td><input class="post" type="text" size="10" name="username"/> </td>
                        <td>
                            <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                            <span class="gensmall">{L_AUTO_LOGIN}</span> 
                        </td>
                    </tr>

<tr>
                        <td><span class="genmed">{L_PASSWORD}:</span> </td>
                        <td><input class="post" type="password" size="10" name="password"/> </td>
                        <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                    </tr>
                </table>
            </td>

<td width="10%" align="center" valign="middle" class="row1">
                <span class="genmed fb_or">{switch_user_login_form_header.switch_social_login.L_OR}</span>
            </td>
            <td width="40%" class="align_gauche row1">
                <div class="social_btn">
                    
                    <div class="fb-login-button"></div>
                    
                    
                    <div class="ti-connect"></div>
                    
                </div>
            </td>

</tr>
    </table>
</form>

{CHATBOX_TOP}
{BOARD_INDEX}

<div class="liens_footer_cate">
  	
		<a href="{U_MARK_READ}" class="gensmall">
                  	{L_MARK_FORUMS_READ}
  		</a>
	
</div>

<div class="infobulle">
    Plus

<div>
        <div class="fleche"></div>
        <div class="bouh">
            	<a href="{U_TODAY_ACTIVE}">
                  	{L_TODAY_ACTIVE}
          	</a>
          	<a href="{U_TODAY_POSTERS}">
                  	{L_TODAY_POSTERS}
          	</a>
          	<a href="{U_OVERALL_POSTERS}">
                  	{L_OVERALL_POSTERS}
          	</a>
		
			
				<a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow">
                                  	{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}
          			</a>
			
		
        </div>
    </div>
</div>

<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
        <tr>
            <td width="50%" valign="top" align="right" class="row1">

<td width="10%" align="center" valign="middle" class="row1">
                <span class="genmed fb_or">{switch_user_login_form_footer.switch_social_login.L_OR}</span>
            </td>
            <td width="40%" class="align_gauche row1">
                <div class="social_btn">
                    
                    <div class="fb-login-button"></div>
                    
                    
                    <div class="ti-connect"></div>
                    
                </div>
            </td>

</tr>
    </table>
</form>

<div class="qui_est_en_ligne">
  	<div class="qeel_bloc_gauche">
          	Il y a bien longtemps dans une galaxie lointaine, très lointaine ... 
          	<span id="bert">
                  	{TOTAL_POSTS}
                </span>
                <span id="matt">
                  	{TOTAL_USERS}
                </span>
                <span id="yosh">
                  	{NEWEST_USER}
                </span>
          	<br /><br />
          	<div id="celine">
                  	{TOTAL_USERS_ONLINE}
          	</div>
          	<br /><br />
          	<span id="alpha">
                  	{LOGGED_IN_USER_LIST}
          	</span>
	</div>
  
  	<div class="qeel_bloc_centre">
		<script type="text/javascript">
            	//
            	</script>
          
            	<div class="contenu_paonglets">
                	<div class="contenu_paonglet" id="contenu_paonglet_groupe1">
                          	Maitre du jeu<br />
                          	<img src="https://i62.servimg.com/u/f62/19/55/64/92/maitre10.png" />
			</div>

<div class="contenu_paonglet" id="contenu_paonglet_groupe2">
                          	Force rebelle<br />
                          	<img src="https://i62.servimg.com/u/f62/19/55/64/92/force_10.png" />
			</div>

<div class="contenu_paonglet" id="contenu_paonglet_groupe3">
				Force impériale<br />
                          	<img src="https://i62.servimg.com/u/f62/19/55/64/92/force_11.png" />
			</div>
                  
                  	<div class="contenu_paonglet" id="contenu_paonglet_groupe4">
				Citoyens<br />
                          	<img src="https://i62.servimg.com/u/f62/19/55/64/92/citoye10.png" />
			</div>

<div class="contenu_paonglet" id="contenu_paonglet_groupe5">
				Sith-Apprenti<br />
                          	<img src="https://i62.servimg.com/u/f62/19/55/64/92/ordre_11.png" />
			</div>

<div class="contenu_paonglet" id="contenu_paonglet_groupe6">
				Jedi-Padawan<br />
                          	<img src="https://i62.servimg.com/u/f62/19/55/64/92/ordre_10.png" />
			</div>
                  
                  	<div class="contenu_paonglet" id="contenu_paonglet_groupe7">
				Hors la loi<br />
                          	<img src="https://i62.servimg.com/u/f62/19/55/64/92/hors_l10.png" />
			</div>
          	</div>
          
          	<div class="paonglets">
                	<span style="background: #F4B4F7;" class="paonglet_0 paonglet" id="paonglet_groupe1" onmouseover="javascript:change_paonglet('groupe1');">
                  	</span>
                  
                	<span style="background: #A4EDB2;" class="paonglet_0 paonglet" id="paonglet_groupe2" onmouseover="javascript:change_paonglet('groupe2');">
                        </span>
                  
                	<span style="background: #F07392;" class="paonglet_0 paonglet" id="paonglet_groupe3" onmouseover="javascript:change_paonglet('groupe3');">
                        </span>
                  
                  	<span style="background: #C9D993;" class="paonglet_0 paonglet" id="paonglet_groupe4" onmouseover="javascript:change_paonglet('groupe4');">
                        </span>
                  
                	<span style="background: #E0C984;" class="paonglet_0 paonglet" id="paonglet_groupe5" onmouseover="javascript:change_paonglet('groupe5');">
                        </span>
                  
                	<span style="background: #78C9E6;" class="paonglet_0 paonglet" id="paonglet_groupe6" onmouseover="javascript:change_paonglet('groupe6');">
                        </span>
                  
                  	<span style="background: #A79CE0;" class="paonglet_0 paonglet" id="paonglet_groupe7" onmouseover="javascript:change_paonglet('groupe7');">
                        </span>
		</div>
          
          	<script type="text/javascript">
            	//
            	</script>
  	</div>
  
  	<div class="qeel_bloc_droite">
          	<table>
                  	{L_CONNECTED_MEMBERS}
          	</table>
  	</div>
  
  	<div class="clear">
  	</div>
</div>

{CHATBOX_BOTTOM}
<br clear="all" />

{AUTO_DST}

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

#starwars #indexcomplet #forumactif #codage #libreservice

Halloween