Welcome

Halloween Index complets

Wicked

Halloween, LS codage Forumactif Index complets Index complet Wicked

Invision

Optimisé Le staff et les prédéfinis fonctionnent via un système d'onglets. Les liens de droite sur les catégories sont des liens utiles à ajouter dans la description du forum. Une liste des sujets, un profil & message, des fiches de contexte, groupes, présentation, publicité, règlement et validation sont disponibles.
Réalisé pour le forum Wicked.
La maquette complète

Retour

Codage index complet Wicked accueil Halloween Forumactif

CSS

::-webkit-scrollbar {
    	width: 4px;
}
::-webkit-scrollbar-thumb {
    	background: #c84a6f;
}
::-webkit-scrollbar-track {
    	background: #cfcbcc;
}

/******************************************************** PAGE ACCUEIL ********************************************************/
.pa_wicked {
        background: url(https://i.servimg.com/u/f26/19/99/69/81/fond_f11.png);
        margin: 1% auto 2%;
        width: 95%;
        box-sizing: border-box;
        padding: 2%;
        display: flex;
        justify-content: center;
  	font-family: Calibri, sans-serif;
        font-weight: bold;
        color: #858386;
        flex-wrap: wrap;
}

/* LIENS RAPIDES */
.pa_wicked .liens_rapides {
    	width: 20%;
}

.pa_wicked .liens_rapides a {
        color: #858386;
        background: #e3e1e6;
        text-align: center;
        width: 100%;
        display: block;
        padding: 1% 0;
        box-sizing: border-box;
        text-transform: uppercase;
        font-style: bold;
        letter-spacing: 1px;
}

.pa_wicked .liens_rapides a:hover {
  	color: #c95278;
}

.pa_wicked .liens_rapides a:nth-child(2n+2) {
        background: #cecac9;
        color: #c95278;
}

.pa_wicked .liens_rapides a:nth-child(2n+2):hover {
  	background: #fff;
}

/* CONTEXTE */
.pa_wicked .contexte {
        width: 45%;
        margin: 0 2%;
        background: #e9e7ec;
        border: 1px solid #cecac9;
        padding: 1%;
        box-sizing: border-box;
        text-align: center;
}

.pa_wicked .contexte h2 {
        text-transform: uppercase;
        font-style: bold;
        letter-spacing: 1px;
        font-size: 14px;
}

.pa_wicked .contexte div {
    	font-size: 8px;
}

.pa_wicked .contexte div span {
        margin: 0 5%;
        color: #be4f6f;
}

.pa_wicked .contexte p {
        text-align: justify;
        width: 100%;
        height: 80px;
        overflow: auto;
        font-style: bold;
        padding: 0 2% 0 0;
        box-sizing: border-box;
}

.pa_wicked .contexte a {
        background: #cb5176;
        display: block;
        width: 100px;
        font-style: bold;
        color: #fff;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin: 2% 0 0;
        float: right;
}

.pa_wicked .contexte a:hover {
  	background: #b9b5b2;
}

/* STAFF ET PREDEFINIS */
.pa_wicked .staff_predef {
        background: #e9e7ec;
        border: 1px solid #cecac9;
        box-sizing: border-box;
        padding: 1% 2% 0;
        text-align: center;
        width: 18%;
}

.paonglet, .predefonglet {
        display: inline-block;
        cursor: pointer;
}
          
.contenu_paonglet, .contenu_predefonglet {
        display: none;
  	font-size: 10px;
}

.contenu_paonglet h3 {
        text-transform: uppercase;
        letter-spacing: 1px;
        font-style: bold;
        color: #cb5176;
        font-size: 13px;
}

.contenu_paonglet a {
        color: #858386;
        text-transform: uppercase;
        font-style: bold;
        letter-spacing: 1px;
        font-weight: normal;
}

.separation span {
    	margin: 0 10% 0;
}

.predefonglets {
    	margin: 0;
}

.predefonglets span {
    	margin: 0 .6%;
}

.contenu_predefonglet h3 {
        font-style: bold;
        font-weight: normal;
}

.contenu_predefonglet a {
        background: #c44d73;
        display: block;
        width: 80%;
        margin: auto;
        color: #fff;
        text-transform: uppercase;
        font-style: bold;
}

.contenu_predefonglet a:hover {
  	background: #b9b5b2;
}

.pa_wicked .credits {
        font-size: 8px;
        text-transform: uppercase;
        font-style: bold;
        font-weight: normal;
}

HTML

<div class="pa_wicked">
	       
	<div class="liens_rapides">
		    <a href="#">L'histoire</a><a href="#">Les règles</a><a href="#">Annexes</a><a href="#">Avatars</a><a href="#">Nouveautés</a><a href="#">Scénarios</a><a href="#">Invités</a><a href="#">Affiliations</a>    
	</div>
	       
	<div class="contexte">
		       
		<h2>
			    Bienvenue sur Wicked, {USERNAME}    
		</h2>
		       
		<div>
			    •<span>•</span>•<span>•</span>•<span>•</span>•<span>•</span>•<span>•</span>•<span>•</span>    
		</div>
		       
		<p>
			    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec non tortor vel urna iaculis hendrerit vel ac tortor. Maecenas tristique ex egestas, commodo lectus tincidunt, mattis nulla. Vivamus euismod tincidunt ante ut tristique. Maecenas molestie arcu in ligula fermentum volutpat. Praesent at nunc ac ipsum blandit vehicula sit amet vitae leo. Morbi sed tellus porta, pellentesque tortor nec, aliquet dui. Aenean placerat lacus eget tincidunt fringilla. Cras leo risus, dictum ac tellus quis, pellentesque auctor dui. Vestibulum non dignissim est. Nam rutrum lobortis auctor. Maecenas cursus pulvinar mollis. Curabitur at massa mi. Aenean efficitur magna diam, gravida faucibus nisi volutpat non.<br /><br />Fusce laoreet lobortis quam, id elementum sapien pulvinar et. Vestibulum congue pretium erat, sed egestas massa rutrum vel. Pellentesque libero felis, ornare et efficitur a, molestie elementum mauris. Morbi ut ex tempus, consectetur est nec, dapibus magna. Nullam euismod erat condimentum vestibulum rutrum. Curabitur magna purus, pretium at quam ac, elementum lobortis lectus. Vestibulum malesuada nec lectus id egestas. In vitae dictum ligula. Fusce justo augue, vulputate non nisi sit amet, rhoncus convallis lacus. Vestibulum sollicitudin quam tristique arcu suscipit, semper venenatis dui vulputate. Pellentesque ut velit facilisis, ultrices eros eu, varius enim. Suspendisse vitae viverra lectus, et commodo nunc. Sed sit amet ullamcorper metus. Nunc et faucibus nibh.    
		</p><a href="#">• Voir plus</a>    
	</div>
	       
	<div class="staff_predef">
		    <script type="text/javascript">
            	//
            	</script>                          
		<div class="paonglets">
			                     <span onmouseover="javascript:change_paonglet('staff1');" id="paonglet_staff1" class="paonglet_0 paonglet">                           <img alt="" src="https://i.servimg.com/u/f26/19/99/69/81/hexago10.png" />                   </span>                                    <span onmouseover="javascript:change_paonglet('staff2');" id="paonglet_staff2" class="paonglet_0 paonglet">                           <img alt="" src="https://i.servimg.com/u/f26/19/99/69/81/hexago10.png" />                   </span>                                    <span onmouseover="javascript:change_paonglet('staff3');" id="paonglet_staff3" class="paonglet_0 paonglet">                           <img alt="" src="https://i.servimg.com/u/f26/19/99/69/81/hexago10.png" />                   </span>     
		</div>
		                      
		<div class="contenu_paonglets">
			                         
			<div id="contenu_paonglet_staff1" class="contenu_paonglet">
				         
				<h3>
					    Nom du joueur    
				</h3><a href="#">Contact</a> • <a href="#">Profil</a>     
			</div>
			                          
			<div id="contenu_paonglet_staff2" class="contenu_paonglet">
				         
				<h3>
					    Nom de la joueuse    
				</h3><a href="#">Contact</a> • <a href="#">Profil</a>     
			</div>
			                          
			<div id="contenu_paonglet_staff3" class="contenu_paonglet">
				         
				<h3>
					    Nom du joueur    
				</h3><a href="#">Contact</a> • <a href="#">Profil</a>     
			</div>
			                   
		</div>
		                        <script type="text/javascript">
            	//
            	</script>    
		<div class="separation">
			    •<span>•</span>•<span>•</span>•<span>•</span>•    
		</div>
		     <script type="text/javascript">
            	//
            	</script>                          
		<div class="predefonglets">
			                     <span onmouseover="javascript:change_predefonglet('predef1');" id="predefonglet_predef1" class="predefonglet_0 predefonglet">                           <img alt="" src="https://i.servimg.com/u/f26/19/99/69/81/hexago11.png" />                   </span>                                    <span onmouseover="javascript:change_predefonglet('predef2');" id="predefonglet_predef2" class="predefonglet_0 predefonglet">                           <img alt="" src="https://i.servimg.com/u/f26/19/99/69/81/hexago11.png" />                   </span>                                    <span onmouseover="javascript:change_predefonglet('predef3');" id="predefonglet_predef3" class="predefonglet_0 predefonglet">                           <img alt="" src="https://i.servimg.com/u/f26/19/99/69/81/hexago11.png" />                   </span> <span onmouseover="javascript:change_predefonglet('predef4');" id="predefonglet_predef4" class="predefonglet_0 predefonglet">                           <img alt="" src="https://i.servimg.com/u/f26/19/99/69/81/hexago11.png" />                   </span>                                    <span onmouseover="javascript:change_predefonglet('predef5');" id="predefonglet_predef5" class="predefonglet_0 predefonglet">                           <img alt="" src="https://i.servimg.com/u/f26/19/99/69/81/hexago11.png" />                   </span>                                    <span onmouseover="javascript:change_predefonglet('predef6');" id="predefonglet_predef6" class="predefonglet_0 predefonglet">                           <img alt="" src="https://i.servimg.com/u/f26/19/99/69/81/hexago11.png" />                   </span>     
		</div>
		                      
		<div class="contenu_predefonglets">
			                         
			<div id="contenu_predefonglet_predef1" class="contenu_predefonglet">
				         
				<h3>
					    Prénom NOM    
				</h3><a href="#">• Voir la fiche •</a>     
			</div>
			                          
			<div id="contenu_predefonglet_predef2" class="contenu_predefonglet">
				         
				<h3>
					    Yvan Quoi    
				</h3><a href="#">• Voir la fiche •</a>     
			</div>
			                          
			<div id="contenu_predefonglet_predef3" class="contenu_predefonglet">
				         
				<h3>
					    Prénom NOM    
				</h3><a href="#">• Voir la fiche •</a>     
			</div>
			       
			<div id="contenu_predefonglet_predef4" class="contenu_predefonglet">
				         
				<h3>
					    Yvan Quoi    
				</h3><a href="#">• Voir la fiche •</a>     
			</div>
			                          
			<div id="contenu_predefonglet_predef5" class="contenu_predefonglet">
				         
				<h3>
					    Prénom NOM    
				</h3><a href="#">• Voir la fiche •</a>     
			</div>
			       
			<div id="contenu_predefonglet_predef6" class="contenu_predefonglet">
				         
				<h3>
					    Yvan Quoi    
				</h3><a href="#">• Voir la fiche •</a>     
			</div>
			                   
		</div>
		                        <script type="text/javascript">
            	//
            	</script>    
		<div class="credits">
			    Codage réalisé par <a target="_blank" href="http://ls-halloween.fr/">Halloween</a> 
		</div>
		       
	</div>
</div>

Codage index complet Wicked catégories Halloween Forumactif Invision

CSS

::-webkit-scrollbar {
    	width: 4px;
}
::-webkit-scrollbar-thumb {
    	background: #c84a6f;
}
::-webkit-scrollbar-track {
    	background: #cfcbcc;
}

/******************************************************** CATEGORIES ********************************************************/
.liens_categories_header {
        width: 95%;
        margin: auto;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 11px;
  	font-family: Calibri, sans-serif;
        font-weight: bold;
        color: #858386;
}

.liens_categories_header #navstrip li.begin {
        background: none;
        padding: 0;
}

.liens_categories_header #navstrip {
    	float: left;
}

.liens_categories_header a {
    	color: #858386;
}

a.sans_rep {
    	float: right;
}

.liens_categories_header::after {
        content: "";
        display: block;
        clear: both;
}

.borderwrap.categories {
        background: #cecbcc;
        border: 0;
        padding: 0;
        width: 855px;
        margin: 0 auto 2%;
  	font-family: Calibri, sans-serif;
        font-weight: bold;
        color: #858386;
}

.header_categories h2 {
        background: url(https://i.servimg.com/u/f26/19/99/69/81/imag_t10.png);
        display: block;
        height: 80px;
        box-sizing: border-box;
        text-align: center;
        color: #c95176;
        text-transform: uppercase;
        letter-spacing: 4px;
        font-style: bold;
        font-size: 30px;
        padding: 2.5% 0 0 0;
}

.contenu_forum {
    	padding: 2% 0;
}

.forum {
        background: #e3e0e2;
        border: 1px solid #b6b5b7;
        display: flex;
        margin: 1% auto;
        width: 97%;
  	padding: 0 0 2%;
        position: relative;
}

/* DESCRIPTION */
.forum .description {
        width: 30%;
        margin: 2% 2% 0 1%;
        height: 100px;
        background: url(https://i.servimg.com/u/f26/19/99/69/81/fond_f11.png);
        padding: 1.5%;
}

.forum .description p {
        width: 100%;
        height: 100px;
        background: #e3e0e2;
        border: 1px solid #bcbdbf;
        padding: 2% 5% 2% 2%;
        box-sizing: border-box;
        overflow: auto;
        text-align: justify;
        font-style: bold;
}

/* STATISTIQUES */
.forum .statistiques {
        align-self: center;
        border-bottom: 4px solid #c95176;
        height: 65px;
        width: 14.3%;
        margin: 2% 0 0 0;
}

.mess_sujets {
        background: url(https://i.servimg.com/u/f26/19/99/69/81/hexago12.png);
        width: 52px;
        height: 54px;
        display: inline-block;
        color: #fff;
        font-size: 10px;
        font-style: bold;
        text-align: center;
        box-sizing: border-box;
        padding: 12% 0 0;
        line-height: 1;
}

.statistiques .mess_sujets:nth-child(5n+1) {
    	margin: 0 12% 0 0;
}

/* BLOC TITRE AVATAR DERNIER STATUT */
.forum .informations_forum {
        background: #e3e0e2;
        border: 1px solid #bcbdbf;
        margin: 2% 0 0 2%;
        width: 31%;
}

/* Nom forum */
.informations_forum .forumtitle {
        color: #c95176;
        text-align: right;
        display: block;
        font-style: bold;
        text-transform: uppercase;
        letter-spacing: 3px;
        font-size: 20px;
        margin: 2% 4% 2% 0;
}

.avatar_forum img, .dernier_message {
  	float: left;
}

/* Avatar */
.avatar_forum img {
        width: 50px;
        height: 70px;
        margin: 5%;
        object-fit: cover;
}

/* Dernier message */
.dernier_message {
        text-align: center;
  	padding: 9% 0 0 0;
        font-style: bold;
  	font-size: 10px;
}

.contenu_infos_forum::after {
        content: "";
        clear: both;
        display: block;
}

/* Statut message */
img.statut_forum {
        float: right;
  	padding: 12% 0 0 0;
        margin: 0 5% 0 0;
}

/* SOUS LIENS */
.liens_utiles_forum {
        position: absolute;
        right: 1%;
        top: 11%;
}

.liens_utiles_forum a {
        color: #858386;
        display: block;
        background: #cecbcc;
        border-bottom: 1px solid #c95176;
        width: 125px;
        text-transform: uppercase;
        font-style: bold;
        text-align: center;
  	padding: 1% 0;
  	position: relative;
}

.liens_utiles_forum a:hover {
        background: #c95176;
        color: #fff;
}

.liens_utiles_forum a::after {
        border: 0 solid transparent;
        border-left-width: 10px;
        border-right-width: 10px;
        border-top: 10px solid #c95176;
        content: "";
        display: block;
        height: 0;
        position: absolute;
        right: -4.5%;
        bottom: -13%;
        transform: rotate(315deg);
}

/* FOOTER */
.liens_categories_footer {
        width: 95%;
        margin: 0 auto 2%;
        text-align: center;
        font-style: bold;
}

.liens_categories_footer a {
    	color: #858386;
}

.liens_categories_footer a::after {
    	content: " • ";
}

.liens_categories_footer a:last-child::after {
    	content: "";
}

.liens_categories_footer a:hover {
    	color: #c95176;
}

a.cate_credits {
        text-align: right;
        display: block;
        font-style: italic;
        text-transform: lowercase;
        letter-spacing: -1px;
        font-size: 10px;
        margin: 0 2% 0 0;
        color: #b3afaf;
}

Index_box

<div class="borderwrap categories">
		<div class="header_categories">
			{catrow.tablehead.L_FORUM}
		</div>

<div class="forum">
                        	<div class="description">
                                  	{catrow.forumrow.FORUM_DESC}
                          	</div>
                          
                          	<div class="statistiques">
                                  	<div class="mess_sujets">
                                          	{catrow.forumrow.POSTS}<br />
                                          	messages
                                  	</div>
                                  
                                  	<div class="mess_sujets">
                                          	{catrow.forumrow.TOPICS}<br />
                                          	sujets
                                  	</div>
                          	</div>
                          
                          	<div class="informations_forum">
                                  	<a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a>
					
                                  	<div class="contenu_infos_forum">
                                          	
                        				<div class="avatar_forum">
                                                          	{catrow.forumrow.avatar.LAST_POST_AVATAR}
                                          		</div>
                        			
                                          
                                          	<div class="dernier_message">
                                                  	
								<a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
							
							{catrow.forumrow.USER_LAST_POST}
                                          	</div>
                                          
                                          	<img class="statut_forum" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" class="icon" />
                                  	</div>
                          	</div>
                  	</div>

</div><a href="http://ls-halloween.fr/" target="_blank" class="cate_credits">Halloween</a>
	</div>

<div class="liens_categories_footer">
  	<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>

Description des forums

<p>
	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi turpis justo, dictum non venenatis vitae, vulputate quis lacus. Donec mauris orci, feugiat nec tempus tincidunt, porta vitae orci. In consectetur sit amet diam sit amet lobortis. In id maximus quam. Pellentesque non dolor vitae felis blandit luctus a id mauris. Fusce malesuada nibh a leo tincidunt, nec viverra ipsum aliquam. Donec varius rhoncus malesuada. Curabitur quis sem et nunc vulputate euismod. Nunc vitae ligula quis neque scelerisque condimentum. Nam pretium posuere sodales. Vivamus blandit rutrum dui eu aliquet. Praesent feugiat lobortis lacus, in mattis urna pharetra id. Donec vel porta justo. Ut lacinia, erat nec faucibus tempor, purus odio tincidunt nunc, quis sollicitudin metus nisl non mi. Sed scelerisque efficitur metus sit amet dapibus. Ut sagittis, nisl non lacinia gravida, tellus tortor cursus leo, id facilisis mauris elit vel ligula. Vivamus blandit tortor venenatis urna feugiat tristique. Nam interdum eros in convallis pharetra. Donec tempus lectus vel sagittis volutpat. Nam consectetur diam cursus posuere auctor.
</p>
<div class="liens_utiles_forum">
	     <a href="#">Règlement</a><a href="#">Contexte</a><a href="#">Groupes</a><a href="#">Chronologie</a><a href="#">Administration</a><a href="#">Annexes</a>
</div>

Codage index complet Wicked qui est en ligne Halloween Forumactif Invision

CSS

::-webkit-scrollbar {
    	width: 4px;
}
::-webkit-scrollbar-thumb {
    	background: #c84a6f;
}
::-webkit-scrollbar-track {
    	background: #cfcbcc;
}

/******************************************************** QUI EST EN LIGNE ********************************************************/
.qui-est-en-ligne {
        background: #cecbcc;
        box-sizing: border-box;
        color: #858386;
        font-family: Calibri, sans-serif;
        font-weight: 700;
        line-height: 1.3;
        margin: 0 auto;
        padding: .5%;
        text-align: justify;
        width: 855px;
}

.qui-est-en-ligne .groupes {
        background: #e3e0e2;
        border: 1px solid #b6b5b7;
        text-align: center;
        font-size: 0;
        line-height: 1;
        padding: 1.5% 0;
        margin: 0 0 1% 0;
}

.qui-est-en-ligne .groupes a {
        font-size: 14px;
        font-weight: bold;
        letter-spacing: 1px;
        text-transform: uppercase;
}

.qui-est-en-ligne .groupes a::before {
        content: " • ";
        color: #858386;
}

.groupes a[href*="/g1"]::before {
    	content: "";
}

.qui-est-en-ligne::after {
        content: "";
        display: block;
        clear: both;
}

.qui-est-en-ligne .gauche, .qui-est-en-ligne .milieu, .qui-est-en-ligne .droite {
    	float: left;
        font-style: bold;
        text-transform: uppercase;
        font-size: 11px;
        box-sizing: border-box;
        padding: 1%;
}

.qui-est-en-ligne .gauche {
        background: #e3e0e2;
        border: 1px solid #b6b5b7;
  	font-size: 11px;
        width: 50%;
}

.qeel_en_ligne {
        width: 100%;
        height: 43px;
        overflow: auto;
        margin: 4% 0;
}

/* STATISTIQUES */
.qui-est-en-ligne .gauche .listing_connectes strong {
    	display: none;
}

.qui-est-en-ligne .nombre_messages {
    	margin: 0 2%;
}

.qui-est-en-ligne .dernier_inscrit, .qui-est-en-ligne .nombre_messages, .qui-est-en-ligne .nombre_membres {
        float: left;
        background: #cecbcc;
        color: #60656c;
        padding: 1.7% 0;
        text-align: center;
        width: 127px;
}

.qui-est-en-ligne .dernier_inscrit {
        line-height: 1;
        padding: 1% 0;
}

.qui-est-en-ligne .dernier_inscrit a {
    	display: block;
}

/* 48 HEURES */
.qui-est-en-ligne .milieu {
        width: 33%;
        background: #e3e0e2;
        border: 1px solid #b6b5b7;
        height: 165px;
        overflow: auto;
  	font-size: 11px;
        margin: 0 2%;
}

/* PARTENAIRES */
.qui-est-en-ligne .droite {
    	width: 13%;
  	padding: 0;
}

.qui-est-en-ligne .droite a:nth-child(2n+1) {
    	margin: 0 4% 2% 0;
}

.qui-est-en-ligne .droite img {
        border: 1px solid #bcbdbf;
        margin: 0 0 4% 0;
}

a.qeel_credits {
        text-align: right;
        display: block;
        font-style: italic;
        text-transform: lowercase;
        letter-spacing: -1px;
        font-size: 10px;
        margin: 0 2% 0 0;
        color: #b3afaf;
}

Index_Body

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

<div id="fo_stat" class="qui-est-en-ligne">
	<div class="groupes">
          	{GROUP_LEGEND}
  	</div>	
  
  	<div class="gauche">
          	<span class="listing_connectes">
                  	{TOTAL_USERS_ONLINE}
          	</span>
          
          	<div class="qeel_en_ligne">
                  	{LOGGED_IN_USER_LIST}
          	</div>
          
          	<div class="dernier_inscrit">
                  	{NEWEST_USER}
          	</div>
          
          	<div class="nombre_messages">
                  	{TOTAL_POSTS}
          	</div>
          
          	<div class="nombre_membres">
                  	{TOTAL_USERS}
          	</div>
  	</div>
  
  	<div class="milieu">
          	<table>
                  	{L_CONNECTED_MEMBERS}
          	</table>
  	</div>
  
  	<div class="droite">
          	<a href="#" target="_blank">
                  	<img src="https://i.imgur.com/SXUmNRV.png" alt="" />
          	</a>
          
          	<a href="#" target="_blank">
                  	<img src="https://i.imgur.com/SXUmNRV.png" alt="" />
          	</a>
          
          	<a href="#" target="_blank">
                  	<img src="https://i.imgur.com/SXUmNRV.png" alt="" />
          	</a>
          
          	<a href="#" target="_blank">
                  	<img src="https://i.imgur.com/SXUmNRV.png" alt="" />
          	</a>
          
          	<a href="#" target="_blank">
                  	<img src="https://i.imgur.com/SXUmNRV.png" alt="" />
          	</a>
          
          	<a href="#" target="_blank">
                  	<img src="https://i.imgur.com/SXUmNRV.png" alt="" />
          	</a>
  	</div>
  
  <a href="http://ls-halloween.fr/" target="_blank" class="qeel_credits">Halloween</a>
</div>

Javascript

Pour modifier les phrases du "qui est en ligne", créer une nouvelle page Javascript et y ajouter ce contenu :

$(function () {
/*Réglages ci-dessous*/
                    var t = {
 "remplacer":
 [
"Qui est en ligne ?",
"Il y a en tout",
"::",
"utilisateur en ligne",
"utilisateurs en ligne",
"Utilisateurs enregistrés",
"Enregistré",
"Enregistrés ",
"Invisible ",
"Invisibles",
"Invité",
"Invités",
"Nos membres ont posté un total de",
"messages",
"Nous avons",
"membres enregistrés",
"L'utilisateur enregistré le plus récent est"
],
"par": 
[
"Qui se baladent sur le forum ?",
"Actuellement,",
"",
"",
"",
"Voilà ceux qui se trouvent sur le forum pour le moment" ,
"personne se trouve sur le forum",
"personnes se trouvent sur le forum",
"personne se cache dans les bois froids et sombres, ",
"personnes se cachent dans les bois froids et sombres, ",
"personne ne s'est pas encore rendue compte qu'elle allait s'inscrire.",
"personnes ne se sont pas encore rendues compte qu'elles allaient s'inscrire.",
"",
"messages",
"",
"membres",
"Bienvenue à"
]
};

/*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.

#wicked #indexcomplet #forumactif #codage #libreservice

Halloween