Welcome

Halloween Index complets

Yoko

Halloween, LS codage Forumactif Index complets Index complet Yoko

Invision

Optimisé Jeux d'onglets sur les prédéfinis et le staff. Pour les catégories, les personnages en fond correspondent à l'image de description du forum. Elle est en 260*321px. La barre rouge correspond à l'image "No new" (260*20px). Aucune description textuelle n'est prévue. L'avatar du dernier posteur s'affiche dans le cercle.
Réalisé pour le forum Yoko (fermé). La maquette complète

Retour

Ajouter la police

Pour ajouter la police de la maquette, coller le code suivant dans le template "Overall_header" avant "T_HEAD_STYLESHEET" (l.18) :

Codage index complet Yoko accueil Halloween Forumactif

CSS

/************************************* PAGE ACCUEIL *************************************/
/* SCROLLBAR */
::-webkit-scrollbar {
    	width: 8px;
}

::-webkit-scrollbar-thumb {
    	background: #5b1921;
}

::-webkit-scrollbar-track {
      	background: #f5f5f5;
}

.sceditor-container iframe, .sceditor-container textarea {=
    color: #EBD0D0;
}

.page_accueil {
        background: url(https://i.servimg.com/u/f62/19/84/31/89/fond_p10.png) no-repeat center;
        line-height: 1.5;
        padding: 0 1% 2% 1%;
        font-family: 'Raleway', sans-serif;
        color: #d9d9d9;
        box-sizing: border-box;
        width: 850px;
        margin: auto;
        text-align: center;
}

.page_accueil a {
  	color: #d9d9d9;
  	text-decoration: none !important;
  	transition: .5s all;
}

.page_accueil a:hover {
  	color: #a42b51 !important;
}

.pa_gauche, .pa_milieu, .pa_droite {
        float: left;
        width: 32.5%;
}

.pa_milieu {
    	margin: 0 1%;
}

/* TITRES */
.page_accueil h2 {
        color: #5b1921;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-size: 55px;
        font-weight: bold;
        font-family: arial;
        margin: 0;
}

.page_accueil h3 {
        color: #5b1921;
        font-family: arial;
        font-weight: 700;
        letter-spacing: 1px;
        text-transform: uppercase;
        text-align: center;
}

/* FOND DES BLOCS */
.pa_bloc {
        background: #0f0f0f;
        border: 2px solid #30151c;
        padding: 0 2% 2%;
        text-align: left;
}

/* ACTUALITES */
.pa_actualites {
        width: auto;
        height: 167px;
        overflow: auto;
}

.pa_actualites span {
        color: #5b1921;
        text-transform: uppercase;
}

/* LIENS UTILES */
a.pa_liens_utiles {
        color: #5b1921;
        text-transform: uppercase;
        font-weight: bold;
        font-family: arial;
        font-size: 14px;
        margin: 12% 2%;
        display: inline-block;
}

/* PARTENAIRES ET TOP SITES */
.pa_partenariats {
    	text-align: center;
}

.pa_tops {
        display: block;
        margin: 3% auto 5%;
        width: 70%;
        border-bottom: 1px dashed;
        padding: 0 0 3% 0;
}

.pa_partenaires img {
        width: 80px;
        height: 28px;
}

.pa_partenaires a {
    	font-style: italic;
}

/* CONTEXTE */
.pa_milieu p {
        width: 95%;
        height: 282px;
        overflow: auto;
        padding: 0 5% 0 0;
}

.pa_milieu .pa_bloc img {
        display: block;
        margin: auto;
}

/* SCENARIOS */
.paonglet {
        display: inline-block;
        cursor: pointer;
}
          
.contenu_paonglet {
        display: none;
        height: 100px;
        padding: 1%;
}

.contenu_paonglet img {
        float: left;
        margin: 0 5% 0 0;
}

.contenu_paonglet p {
    	margin: 0;
}

.contenu_paonglet a {
        display: block;
        text-align: center;
        border-top: 1px dashed;
        margin: 3% 0 0 0;
}

/* STAFF */
.staffonglet {
        display: inline-block;
        cursor: pointer;
}
         
.contenu_staffonglet {
        display: none;
        height: 100px;
        padding: 1%;
  	text-align: center;
}

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

.contenu_staffonglet h4 {
        text-transform: uppercase;
        font-weight: normal;
        letter-spacing: 1px;
        font-size: 18px;
        margin: 0;
}

.pa_liens_staff {
        border-top: 1px dashed;
        margin: 2% 0 0 0;
        padding: 2% 0 0 0;
}

.staffonglets {
        position: relative;
        margin-top: -5%;
        margin-left: 65%;
}

/* CREDITS */
.pa_bloc_credits {
        font-style: italic;
        margin: 3% 0;
}

HTML

<div class="page_accueil">
	                     
	<h2>
		           Bienvenue à Forum        
	</h2>
	                     
	<div class="pa_gauche">
		                     
		<div class="pa_bloc pa_actualites">
			                     
			<h3>
				           Actualités           
			</h3><span>01 avril 2018</span> - Lancement du projet<br /><span>01 Avril 2018</span> - Ouverture officielle du forum           
		</div><a href="#" class="pa_liens_utiles">Règlement</a> <a href="#" class="pa_liens_utiles">Contexte</a> <a href="#" class="pa_liens_utiles">Chrono</a>           
		<div class="pa_bloc pa_partenariats">
			                     
			<h3>
				           Partenariats           
			</h3>
			           Seulement une minute de ton temps<br />       
			<div class="pa_tops">
				       <a href="#" target="_blank"><img src="https://i.servimg.com/u/f62/19/84/31/89/cercle10.png" /></a> <a href="#" target="_blank"><img src="https://i.servimg.com/u/f62/19/84/31/89/cercle10.png" /></a> <a href="#" target="_blank"><img src="https://i.servimg.com/u/f62/19/84/31/89/cercle10.png" /></a>        
			</div>
			                 
			<div class="pa_partenaires">
				           <a href="#" target="_blank"><img src="http://ls-halloween.fr/img/homepage/bouton-halloween.png" /></a> <a href="#" target="_blank"><img src="http://ls-halloween.fr/img/homepage/bouton-halloween.png" /></a> <a href="#" target="_blank"><img src="http://ls-halloween.fr/img/homepage/bouton-halloween.png" /></a><br /><a href="#">Nos meilleurs amis</a>           
			</div>
			                     
		</div>
		                     
	</div>
	                     
	<div class="pa_milieu">
		                     
		<div class="pa_bloc">
			                     
			<h3>
				           Contexte           
			</h3><img src="https://i.imgur.com/ZVPB4JB.jpg" />           
			<p>
				           Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas accumsan risus euismod ornare convallis. Phasellus at metus metus. Pellentesque finibus metus sit amet mollis facilisis. Duis tincidunt nulla vitae purus scelerisque, tempus fermentum urna rhoncus. Donec viverra orci lacus, sed semper sapien auctor ut. Suspendisse tempor, augue in pharetra maximus, enim libero dapibus purus, et viverra dui justo non arcu. In orci urna, congue eget tincidunt quis, sollicitudin sed orci. In ornare eleifend velit elementum dapibus. Ut mattis sapien nec lorem suscipit vulputate. Donec quis tellus ut nisl tincidunt semper ut a turpis. Sed nec volutpat libero, ac luctus nibh. Maecenas blandit facilisis odio, quis tincidunt mi venenatis nec. Suspendisse in felis ante. Donec mattis lectus massa, iaculis luctus purus blandit in. Sed posuere sapien elit. Etiam aliquam est a egestas convallis. Donec non nisl justo. Mauris rutrum ultrices risus a finibus. Mauris suscipit nisl enim, ac dignissim augue maximus nec. Fusce eleifend, purus sed consequat eleifend, tortor massa gravida erat, eu bibendum neque ex ac diam. Duis eget justo volutpat, hendrerit felis nec, fringilla nisl. Nam pulvinar facilisis tempor. Proin ultrices sagittis ex, ac mattis nunc molestie eget. Mauris magna ipsum, hendrerit eu molestie eu, ultrices non nisi. Fusce mi quam, vulputate pharetra leo eu, dapibus commodo ex. Donec at lacinia sapien. Aenean a eros vitae risus ultrices eleifend. Duis rutrum molestie eros, vitae blandit leo efficitur quis. Etiam maximus tellus dictum ultricies feugiat. Aliquam vel augue vitae justo elementum tincidunt id sit amet erat. Donec quis urna nec est consectetur finibus at vitae lectus. Suspendisse pulvinar, turpis sed laoreet dictum, nunc leo eleifend elit, ac hendrerit nulla mauris ornare neque. Sed lorem sem, vulputate et erat ut, sodales rhoncus lorem. Donec varius, lacus ut molestie malesuada, nulla nisl maximus tortor, et maximus orci leo nec ex. Praesent vestibulum sed nisl vel sodales. <a href="#">La suite</a>           
			</p>
			                     
		</div>
		                     
	</div>
	                     
	<div class="pa_droite">
		                     
		<div class="pa_bloc">
			                     
			<h3>
				           Scénarios           
			</h3><script type="text/javascript">
            	//
            	</script>                                                            
			<div class="contenu_paonglets">
				                                       
				<div class="contenu_paonglet" id="contenu_paonglet_scenario1">
					            <img src="https://i.imgur.com/2SStF9A.jpg" />            
					<p>
						           Pseudo1 ft célébrité<br /><br />blabla // blabla // blabla // blabla // blabla // blabla // blabla // blabla // blabla <a href="#">Voir sa fiche</a>           
					</p>
					                       
				</div>
				                                        
				<div class="contenu_paonglet" id="contenu_paonglet_scenario2">
					            <img src="https://i.imgur.com/2SStF9A.jpg" />            
					<p>
						           Pseudo2 ft célébrité<br /><br />blabla // blabla // blabla // blabla // blabla <a href="#">Voir sa fiche</a>            
					</p>
					                     
				</div>
				                                        
				<div class="contenu_paonglet" id="contenu_paonglet_scenario3">
					            <img src="https://i.imgur.com/2SStF9A.jpg" />            
					<p>
						           Pseudo3 ft célébrité<br /><br />blabla // blabla // blabla // blabla // blabla <a href="#">Voir sa fiche</a>            
					</p>
					                     
				</div>
				                     
				<div class="contenu_paonglet" id="contenu_paonglet_scenario4">
					            <img src="https://i.imgur.com/2SStF9A.jpg" />            
					<p>
						           Pseudo4 ft célébrité<br /><br />blabla // blabla // blabla // blabla // blabla <a href="#">Voir sa fiche</a>            
					</p>
					                     
				</div>
				                                        
				<div class="contenu_paonglet" id="contenu_paonglet_scenario5">
					            <img src="https://i.imgur.com/2SStF9A.jpg" />            
					<p>
						           Pseudo5 ft célébrité<br /><br />blabla // blabla // blabla // blabla // blabla <a href="#">Voir sa fiche</a>            
					</p>
					                     
				</div>
				                                        
				<div class="contenu_paonglet" id="contenu_paonglet_scenario6">
					            <img src="https://i.imgur.com/2SStF9A.jpg" />            
					<p>
						           Pseudo6 ft célébrité<br /><br />blabla // blabla // blabla // blabla // blabla <a href="#">Voir sa fiche</a>            
					</p>
					                     
				</div>
				                                 
			</div>
			         
			<div class="paonglets">
				                            <span class="paonglet_0 paonglet" id="paonglet_scenario1" onmouseover="javascript:change_paonglet('scenario1');">                           <img src="https://i.servimg.com/u/f62/19/84/31/89/cercle10.png" />                   </span>                                    <span class="paonglet_0 paonglet" id="paonglet_scenario2" onmouseover="javascript:change_paonglet('scenario2');">                           <img src="https://i.servimg.com/u/f62/19/84/31/89/cercle10.png" />                   </span>                                    <span class="paonglet_0 paonglet" id="paonglet_scenario3" onmouseover="javascript:change_paonglet('scenario3');">                           <img src="https://i.servimg.com/u/f62/19/84/31/89/cercle10.png" />                   </span> <span class="paonglet_0 paonglet" id="paonglet_scenario4" onmouseover="javascript:change_paonglet('scenario4');">                           <img src="https://i.servimg.com/u/f62/19/84/31/89/cercle10.png" />                   </span>                                    <span class="paonglet_0 paonglet" id="paonglet_scenario5" onmouseover="javascript:change_paonglet('scenario5');">                           <img src="https://i.servimg.com/u/f62/19/84/31/89/cercle10.png" />                   </span>                                    <span class="paonglet_0 paonglet" id="paonglet_scenario6" onmouseover="javascript:change_paonglet('scenario6');">                           <img src="https://i.servimg.com/u/f62/19/84/31/89/cercle10.png" />                   </span>            
			</div>
			                               <script type="text/javascript">
            	//
            	</script>            
		</div><a href="#" class="pa_liens_utiles">Annexes</a> <a href="#" class="pa_liens_utiles">Scénarios</a> <a href="#" class="pa_liens_utiles">Invités</a>           
		<div class="pa_bloc">
			                     
			<h3>
				           Staff           
			</h3>
			            <script type="text/javascript">
            	//
            	</script>                                                                
			<div class="contenu_staffonglets">
				                                       
				<div class="contenu_staffonglet" id="contenu_staffonglet_staff1">
					            <img src="https://i.skyrock.net/6660/85866660/pics/photo_85866660_avatar_8.png" />           
					<h4>
						           James Ward           
					</h4>
					           Aucun double compte<br />Fondateur           
					<div class="pa_liens_staff">
						           <a href="#">Profil</a> // <a href="#">MP</a>           
					</div>
					                       
				</div>
				                                        
				<div class="contenu_staffonglet" id="contenu_staffonglet_staff2">
					            <img src="https://orig00.deviantart.net/4cfd/f/2011/141/2/e/naruto_uzumaki_icon_by_meteora94-d3gu5dh.png" />           
					<h4>
						           Pseudo           
					</h4>
					           Aucun double compte<br />Rang           
					<div class="pa_liens_staff">
						           <a href="#">Profil</a> // <a href="#">MP</a>            
					</div>
					                                 
				</div>
				   
				<div class="staffonglets">
					                            <span class="staffonglet_0 staffonglet" id="staffonglet_staff1" onmouseover="javascript:change_staffonglet('staff1');">                          <img src="https://i.servimg.com/u/f62/19/84/31/89/cercle10.png" />             </span>                                    <span class="staffonglet_0 staffonglet" id="staffonglet_staff2" onmouseover="javascript:change_staffonglet('staff2');">                           <img src="https://i.servimg.com/u/f62/19/84/31/89/cercle10.png" />                 </span>            
				</div>
				                               <script type="text/javascript">
            	//
            	</script>           
			</div>
			                     
		</div>
		                     
	</div>
	                   
	<div class="clear">
		                     
	</div>
	                     
	<div class="pa_bloc_credits">
		           Codage réalisé par <a target="_blank" href="http://ls-halloween.fr/">Halloween</a>. Texte et contenu par Quelqu'un.<br />Optimisé pour Google Chrome et Opéra.           
	</div>
</div>

Codage index complet Yoko catégories Halloween Forumactif PHPBB2

CSS

/************************************* CATEGORIES *************************************/
/* SCROLLBAR */
::-webkit-scrollbar {
    	width: 8px;
}

::-webkit-scrollbar-thumb {
    	background: #5b1921;
}

::-webkit-scrollbar-track {
      	background: #f5f5f5;
}

.sceditor-container iframe, .sceditor-container textarea {=
    color: #EBD0D0;
}

.liens_utiles_cate a {
        display: inline-block;
        background: url(https://i.imgur.com/1dP1AWi.jpg) center;
        padding: 1% 3%;
        font-size: 12px;
        text-transform: uppercase;
        margin: 2% 1%;
  	color: #d9d9d9;
  	font-family: 'Raleway', sans-serif;
}

.liens_utiles_cate {
    	text-align: center;
}

.liens_utiles_cate a:hover {
        color: #fff!important;
        background: url(https://i.imgur.com/1dP1AWi.jpg);
}

.bloc_categories {
        width: 880px;
        margin: auto;
        color: #d9d9d9;
        background: url(https://i.servimg.com/u/f62/19/84/31/89/fond_f10.jpg);
        font-size: 12px;
        font-family: Raleway, sans-serif;
}

/* TITRE CATEGORIES */
.titre_categorie h2 {
        background: url(https://i.servimg.com/u/f62/19/84/31/89/fond_t10.png);
        color: #d9d9d9;
        font-family: arial;
        font-size: 40px;
        font-weight: 700;
        padding: 2% 0;
        text-align: center;
        text-transform: uppercase;
        margin: 0 0 2%;
}

/* FORUM */
.forum {
        float: left;
        height: 340px;
        margin: 1% 1.8%;
        position: relative;
        width: 260px;
}

/* IMAGE DESCRIPTION */
.forum_description img {
        left: 0;
        position: absolute;
        top: 0;
        z-index: 2;
}

.contenu_forum {
        position: relative;
        z-index: 3;
}

/* IMAGE NEW NO NEW LOCK */
img.statut_forum {
        position: absolute;
        bottom: 0;
        z-index: 3;
}

/* NOM FORUM */
a.forumlink {
        text-transform: uppercase;
        text-align: center;
        display: block;
        font-size: 20px;
        letter-spacing: 1px;
        font-family: arial;
        margin: 2% 0 5% 0;
  	color: #d9d9d9 !important;
}

/* AVATAR */
.forum_ava_dernier img {
        border-radius: 100px;
        width: 100px;
        height: 100px;
        object-fit: cover;
        margin: 0 auto 5%;
        border: 1px solid #5b1921;
        display: block;
        background: #090909;
}

/* DERNIER MESSAGE */
.contenu_dernier_mess {
        background: #0f0f0f;
        width: 80%;
        margin: auto;
        padding: 5% 2%;
        box-sizing: border-box;
        font-size: 11px;
        text-align: center;
        border: 1px solid #30151c;
}

.contenu_dernier_mess a {  
  	color: #d9d9d9;
}

/* SOUS FORUM */
.sous_forum {
        height: 55px;
        overflow: auto;
        width: 100%;
}

.sous_forum a {
        display: inline-block;
        background: #5b1921;
        padding: 1%;
        width: 40%;
        text-transform: lowercase;
        text-align: center;
        margin: 2% 0 .5% 5%;
  	color: #d9d9d9;
}

a.cate_credits {
        text-align: right;
        display: block;
        text-decoration: none;
        text-transform: lowercase;
        font-style: italic;
        font-size: 10px;
        color: #464545;
  	margin: 0 2.5% 0 0;
}

Index_box

<div class="liens_utiles_cate">
  	
		<a id="nouveaux_mess" href="{U_SEARCH_NEW}">
                  	{L_SEARCH_NEW}
  		</a>
		<a id="mes_messages" href="{U_SEARCH_SELF}">
                  	{L_SEARCH_SELF}
  		</a>
	
		<a id="sans_rep" href="{U_SEARCH_UNANSWERED}">
                  	{L_SEARCH_UNANSWERED}
  		</a>
</div>

<div class="bloc_categories">

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

<div class="forum">
          	<div class="forum_description">
                  	{catrow.forumrow.FORUM_DESC}
          	</div>
          
               	<img class="statut_forum" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
          
          	<div class="contenu_forum">
                  	<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">
                  		{catrow.forumrow.FORUM_NAME}
          		</a>
          
          		<div class="dernier_message">
                	  	
            				<div class="forum_ava_dernier">
                                	  	{catrow.forumrow.avatar.LAST_POST_AVATAR}
                                	</div>	
           			
                  		<div class="contenu_dernier_mess">
                          		{catrow.forumrow.LAST_POST}
                  		</div>
          		</div>
          
          		<div class="sous_forum" id="subforums">
                	          {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                          	<script type="text/javascript">jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,' ')).removeAttr('id');</script>
                	</div>
          	</div>
	</div>
	
	
	
	
	<div class="clear">
          	</div>
  <img src="{SPACER}" alt="" height="5" width="1" /><a href="http://ls-halloween.fr/" class="cate_credits">Halloween</a></div>

Illustration

Pour ajouter l'illustration de fond, il faut ajouter l'URL dans le bloc indiqué ci-dessous lorsque vous éditez votre forum :

Halloween codage forumactif phpbb2 libre service

RAPPEL : Les personnages en fond correspondent à l'image de description du forum. Elle est en 260*321px. La barre rouge correspond à l'image "No new" (260*20px).

Codage index complet Yoko qui est en ligne Halloween Forumactif PHPBB2

CSS

/************************************* QUI EST EN LIGNE *************************************/
.clear {
  	clear: both;
}

/* SCROLLBAR */
::-webkit-scrollbar {
    	width: 8px;
}

::-webkit-scrollbar-thumb {
    	background: #5b1921;
}

::-webkit-scrollbar-track {
      	background: #f5f5f5;
}

.sceditor-container iframe, .sceditor-container textarea {=
    color: #EBD0D0;
}

.qeel {
        background: url(https://i.servimg.com/u/f62/19/84/31/89/fond_q10.png);
        font-size: 12px;
        margin: auto;
        padding: 2.5% 5% 2%;
        color: #d9d9d9;
        font-family: 'Raleway', sans-serif;
        width: 850px;
}

.qeel_gauche, .qeel_milieu {
        background: #0f0f0f;
        padding: 2%;
        border: 1px solid #30151c;
        float: left;
        height: 165px;
        overflow: auto;
}

.qeel_gauche {
        width: 40%;
}

.qeel_milieu {
        width: 30%;
        margin: 0 2%;
}

.qeel_droit {
        color: #5b1921;
        float: left;
        font-family: arial;
        font-size: 60px;
        font-weight: 700;
        text-align: center;
        text-transform: uppercase;
        width: 17%;
        line-height: 1.1;
}

.qeel_groupes {
        background: #0f0f0f;
        border: 1px solid #30151c;
        font-size: 14px;
        padding: 2%;
        text-align: center;
        text-transform: uppercase;
        margin: 2% 0 0;
}

.qeel_groupes img {
   	margin: 0 2%;
}

.qeel_groupes a {
    	color: #d9d9d9;
}

Index_Body

Remplacer le contenu présent entre "Begin disable viewonline" (l. 51) et "End disable viewonline" (l. 162) par :

<div class="qeel" id="fo_stat">
  	<div class="qeel_gauche">
          	{TOTAL_USERS}
          	{TOTAL_POSTS}
          	{NEWEST_USER}
          	<br /><br />
          	{TOTAL_USERS_ONLINE}
          	<br /><br />
          	{LOGGED_IN_USER_LIST}
  	</div>
  
  	<div class="qeel_milieu">
          	<table>
                  	{L_CONNECTED_MEMBERS}
          	</table>
  	</div>
  
  	<div class="qeel_droit">
          	Qui<br />
          	est<br />
          	là ?
  	</div>
  	
  	<div class="clear">
  	</div>
  
  	<div class="qeel_groupes">
          	<a href="#">
                  	Groupe 1
          	</a>
          
          	<img src="https://i.servimg.com/u/f62/19/84/31/89/cercle10.png" /> 
          
          	<a href="#">
                  	Groupe 2
          	</a>
          
          	<img src="https://i.servimg.com/u/f62/19/84/31/89/cercle10.png" /> 
          
          	<a href="#">
                  	Groupe 3
          	</a>
          
          	<img src="https://i.servimg.com/u/f62/19/84/31/89/cercle10.png" /> 
          
          	<a href="#">
                  	Groupe 4
          	</a>
  	</div>
</div>

Javascript

Créer une nouvelle page permettant de modifier les phrases du qeel.

$(function () {
/*Réglages ci-dessous*/
                    var t = {
 "remplacer":
 [
"Nous avons",
"membre enregistré",
"membres enregistrés",
"Nos membres ont posté un total de",
"L'utilisateur enregistré le plus récent est",
"Il y a en tout",
"utilisateur en ligne ::",
"utilisateurs en ligne ::",
"Enregistré,",
"Enregistrés,",
"Invisible et",
"Invisibles et",
"Invité",
"Invités",
"Utilisateurs enregistrés :",
"Membres connectés au cours des 48 dernières heures :"
],
"par": 
[
"Nous recensons un total de",
"membre ",
"membres ",
"dans la ville et ceux-ci ont posté un total de",
". La dernière personne à s'être inscrite au registre est",
"Pour le moment la ville compte",
"voyageur dont",
"voyageurs dont",
"citoyen dans les rues,",
"citoyens dans les rues,",
"homme masqué et",
"hommes masqués et",
"membre des forces obscures qui ne nous a pas encore rejoint.",
"membres des forces obscures qui ne nous a pas encore rejoint.",
"Faites attention, vous pourriez croiser en ville :<br />",
"Au cours des 48 dernières heures, nous avons repéré toutes ces personnes qui se balladaient librement dans la ville :<br />"
]
};

/*Fin réglages*/
for(i in t.remplacer)$('#fo_stat')
.html($('#fo_stat').html().replace(t.remplacer[i], t.par[i]));
});

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

#yoko #indexcomplet #forumactif #codage #libreservice

Halloween