Welcome

Halloween Index complets

Colby Lake

Halloween, LS codage Forumactif Index complets Index complet Colby Lake

PHPBB2

Optimisé Une navigation, un affichage message/profil, une feuille de présentation et une fiche de contexte sont également disponibles. La maquette complète

Retour

Pour ajouter la police

Dans le template "Overall_header", coller la ligne suivante juste avant "{T_HEAD_STYLESHEET}".

Codage index complet Colby Lake accueil Halloween Forumactif

Les "Flashnews" sont en diaporama, le contexte au survol de l'image de gauche (taille 190*155px). L'image du staff est en 190*107px.

CSS

a, a:hover {
  	text-decoration: none !important;
  	transition: .3s all;
}

::-webkit-scrollbar {
        background: #e3e3e3;
        border: 0;
        width: 3px;
}

::-webkit-scrollbar-thumb {
        background: #333;
        border: 0;
}

/****************************************************************** PAGE ACCUEIL ******************************************************************/
.page_accueil {
        background: #f8f8f8;
        border: 1px solid #1a1919;
        border-bottom: 10px solid #1a1919;
        margin: auto;
        font-family: 'Share Tech Mono', monospace;
  	color: #1a1919;
        width: 800px;
}

.page_accueil .content {
        display: flex;
        font-size: 12px;
        margin: 1% auto;
        width: 98%;
        justify-content: space-between;
        flex-wrap: wrap;
        text-transform: uppercase;
}

/* FLASHNEWS */
.flashnews {
        background: #3d4b49;
        padding: 2%;
        text-align: center;
        color: #000;
        text-transform: uppercase;
        font-size: 1.5em;
        letter-spacing: 5px;
        text-decoration: underline;
        width: 25%;
        float: left;
}

.slideshow, .slide {
        width: 568px;
        height: 59px;
  	margin: auto;
        overflow: auto;
        display: inline-block;
        vertical-align: middle;
        text-align: center;
  	box-sizing: border-box;
  	padding: 1% 0 0;
  	color: #979797;
}

.slideshow {
        background: #1a1919;
        margin: 0;
        overflow: hidden;
        position: relative;
        font-size: 12px;
        letter-spacing: 2px;
}

.slideshow div {
        position: relative;
        top: 0;
        left: 0;
}

/* BLOCS */
.bloc_pa {
        flex: 1;
        margin: 0 .5%;
  	max-height: 211px;
  	text-align: center;
}

.bloc_pa:nth-child(2n+2) {
    	border: 1px solid rgba(26,25,25,.5);
        background: #fff;
}

/* CONTEXTE */
.contexte {
        background: #fff;
        padding: 5px;
        border: 1px solid rgba(26,25,25,.5);
        height: 155px;
        width: 190px;
        overflow: hidden;
        text-align: justify;
  	position: relative;
}

.contexte img {
        max-width: 100%;
        z-index: 3;
        opacity: 1;
        position: relative;
        transition: .5s all;
}

.contexte:hover img {
        z-index: 2;
        opacity: 0;
}

.contexte_txt {
        background: #fff;
        height: 155px;
        overflow: auto;
        width: 100%;
        z-index: 2;
        margin-top: -155px;
        box-sizing: border-box;
  	text-transform: initial;
  	position: relative;
        padding: 0 2% 0 0;
}

/* TEMPORALITE */
.pa_temporalite {
        background: #fff;
        text-align: center;
        margin: 4% 0 0;
        display: block;
        border: 1px solid rgba(26,25,25,.5);
        padding: 5% 0;
        letter-spacing: 1px;
}

.pa_temporalite p, .pa_meteo p {
  	margin: 0;
}

.pa_temporalite p::before {
        background: url(https://i.servimg.com/u/f38/19/69/79/53/pa_loc10.png) no-repeat center;
        width: 16px;
        height: 17px;
        content: "";
        float: left;
        margin: -1% 0 0 4%;
}

/* LIENS UTILES */
.liens_utiles a {
        display: block;
        border: 1px solid rgba(26,25,25,.2);
        background: #f8f8f8;
        padding: 1%;
        text-align: center;
        margin: 5%;
        letter-spacing: 2px;
}

/* VOTES */
.bloc_pa a img {
    	margin: 10% 2% 0;
}

/* METEO */
.pa_meteo {
        background: url(https://i.servimg.com/u/f38/19/69/79/53/pza_nu10.png) no-repeat 5% 50% #fff;
        border: 1px solid rgba(26,25,25,.5);
        padding: 4%;
}

/* TEMPS */
.pa_temps {
        background: url(https://i.servimg.com/u/f38/19/69/79/53/image_12.png) no-repeat center #fff;
        width: 190px;
        height: 155px;
        padding: 5px;
        border: 1px solid rgba(26,25,25,.5);
        margin: 6% 0 0;
}

.pa_temps p {
        background: rgba(183,183,183,.7);
        width: 70%;
        height: 70%;
        margin: 13% auto;
        font-size: 10px;
        letter-spacing: 2px;
        text-transform: initial;
}

.pa_temps p::before {
        background: url(https://i.servimg.com/u/f38/19/69/79/53/pa_bou10.png) no-repeat center;
        width: 42px;
        height: 40px;
        content: "";
        display: block;
        padding: 10% 0;
        margin: auto;
}

/* BLOC STAFF */
/* Image */
.bloc_pa:nth-child(1n+4) img {
        max-width: 96%;
        margin: 2%;
}

/* Texte */
.pa_staff {
        background: #f8f8f8;
        border: 1px solid rgba(65,54,54,.2);
        margin: 0 2%;
        padding: 2%;
  	text-align: right;
}

.pa_staff h2 {
        text-align: left;
        font-weight: normal;
        letter-spacing: 2px;
        margin: 1%;
        font-size: 14px;
  	float: left;
}

/* CREDITS */
.pa_credits {
        width: 98%;
        font-size: 8px;
        letter-spacing: 2px;
        margin: 10% auto 0;
}

Index_body

Dans le template Index_body, remplacer les lignes 2 à 17 à savoir :

Par :

<div class="page_accueil">
    	<header>
        	<div class="flashnews">
            		Flashnews
        	</div>
        
        	<div id="slideshow" class="slideshow">         
			<div id="slideshow-container">                                        
				<div class="slide">					                                                               
					Contenu de la new
				</div>
				                                                         
				<div class="slide">
                   			 Contenu de la new 2                              
				</div>
				                                                             
				<div class="slide">
                    			Contenu de la new 3
				</div>   
			</div>             
		</div>        
    	</header>
  
  	<div class="content">
    		<div class="bloc_pa">
        		<div class="contexte">
          			<img src="https://i.imgur.com/P1oo96Z.jpg" alt="Colby Lake Contexte" />
          			<div class="contexte_txt">
                  			Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ut augue eros. Quisque in ipsum sit amet elit laoreet aliquam sit amet a erat. Proin dignissim luctus nisl, sit amet dignissim nisi cursus quis. Donec eget volutpat lacus, ac porttitor nulla. Suspendisse euismod quam ac mi tincidunt pulvinar. Praesent id dignissim tellus. Donec ac velit commodo, aliquam justo sit amet, vulputate mauris. Mauris libero magna, lacinia placerat elit nec, egestas vehicula enim. In hac habitasse platea dictumst. Cras interdum tellus tincidunt, sagittis lorem ut, malesuada mi. Nam vestibulum elementum condimentum.
                                  	<br />
					Integer a eros tempus, tincidunt tortor a, laoreet justo. Duis luctus lectus eu metus vestibulum vehicula. Nulla vehicula volutpat magna vel gravida. Vivamus pretium orci id ultricies hendrerit. Aenean rhoncus gravida pharetra. In viverra, ipsum in convallis dapibus, justo lectus tristique sapien, eget rhoncus ante nunc quis lectus. Cras id elit nisl. Maecenas pulvinar euismod mi, id gravida sem dignissim id. Mauris interdum interdum arcu, nec gravida nisi blandit vitae. Proin dictum dictum porttitor. Mauris ultrices tortor metus, consectetur varius dui facilisis sed. Vestibulum a dui gravida, venenatis leo rhoncus, faucibus ex.	
          			</div>
      			</div>
        		<div class="pa_temporalite">
            			<p>
               				Aout - Sept | PH532.7
            			</p>
        		</div>
    		</div>
    
    		<div class="bloc_pa">
        		<div class="liens_utiles">
                                <a href="#">Contexte</a>
                                <a href="#">Annexes</a>
                                <a href="#">Plus sur nous</a>
                                <a href="#">Zone invité</a>
                                <a href="#">Partenariat</a>
        		</div>
        
        		<a href="#">
                		<img src="https://i.servimg.com/u/f38/19/69/79/53/pa_vot10.png" alt="votes Colby Lake" />
        		</a>
                        <a href="#">
                                <img src="https://i.servimg.com/u/f38/19/69/79/53/pa_vot10.png" alt="votes Colby Lake" />
                        </a>
                        <a href="#">
                                <img src="https://i.servimg.com/u/f38/19/69/79/53/pa_vot10.png" alt="votes Colby Lake" />
                        </a>
                        <a href="#">
                                <img src="https://i.servimg.com/u/f38/19/69/79/53/pa_vot10.png" alt="votes Colby Lake" />
                        </a>
      		</div>
      
    		<div class="bloc_pa">
                        <div class="pa_meteo">
                            <p>
                                Météo actuelle
                            </p>
                        </div>
                        
                        <div class="pa_temps">
                            <p>
                                <span>
                                    Humide et venteux<br />Max 19/ Min 3 C°
                                </span>
                            </p>
                        </div>
    		</div>
    
                <div class="bloc_pa">
                    	<img src="https://i.servimg.com/u/f38/19/69/79/53/image_11.png" alt="Staff Colby Lake" />
                    
                    	<div class="pa_staff">
                       		<h2>Jena Hills</h2>
                        	<a href="#">
                                  	<img src="https://i.servimg.com/u/f38/19/69/79/53/icone_10.png" alt="contact Colby Lake" />
                          	</a>
                        	<a href="#">
                                  	<img src="https://i.servimg.com/u/f38/19/69/79/53/icone_11.png" alt="Profil Colby Lake" />
                          	</a>
                    	</div>
                    
                    	<div class="pa_credits">
                          	Copyright 2018<br />
                          	Codage par <a href="http://ls-halloween.fr" target="_blank">Halloween</a><br />
                        	Texte et graphisme par Jena Hills<br />
                        	Toute reproduction est interdite
                    	</div>
                </div>
	</div>
</div>

Javascript

Créer un nouveau code javacript pour le slider (penser à activer le js d'ailleurs).

$(function () {
    //VARIABLES MODIFIABLES
    var delaiSwitch    = 3000;                    // 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 Colby Lake catégories Halloween Forumactif PHPBB2

Les images "New", "No new" et "Lock" sont en 60*60px.

CSS

a, a:hover {
  	text-decoration: none !important;
  	transition: .3s all;
}

::-webkit-scrollbar {
        background: #e3e3e3;
        border: 0;
        width: 3px;
}

::-webkit-scrollbar-thumb {
        background: #333;
        border: 0;
}

/****************************************************************** CATEGORIES ******************************************************************/
.categories {
        width: 844px;
        margin: 2% auto 0;
        background: #f8f8f8;
  	font-family: 'Share Tech Mono', monospace;
  	color: #1a1919;
        border: 1px solid rgba(26,25,25,.2);
}

/* LIENS HEADER */
.header_categories_liens a::before {
        background: url(https://i.imgur.com/7NbPrgT.png);
        width: 15px;
        height: 15px;
        content: "";
        display: inline-block;
        margin: 0 1% 0 0;
}

.header_categories_liens a {
        color: #b4b4b4;
        text-transform: uppercase;
        font-weight: normal;
        letter-spacing: 2px;
}

.header_categories_liens a {
        color: #b4b4b4;
        text-transform: uppercase;
        font-weight: normal;
        letter-spacing: 2px;
  	font-size: 10px;
        margin: 0 2% 0 0;
}

.header_categories_liens {
        text-align: center;
        margin: 4% 0;
}

/* ENTETE CATEGORIES */
.header_categories h2 {
    background: url('https://i.servimg.com/u/f38/19/69/79/53/banniz11.jpg') bottom;
    display: block;
    color: #e1e1e1;
    text-transform: uppercase;
    font-size: 25px;
    font-weight: normal;
    padding: 5%;
    box-sizing: border-box;
    margin: 0;
}

/* FORUM */
.forum {
        width: 98%;
        margin: 1% auto;
}

/* BLOC STATUT NOM FORUM ET STATISTIQUES */
.forum .header {
        background: #eeeeee;
        border: 1px solid rgba(65,64,64,.2);
}

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

.forum_statut, .forumlink, .forum_statistiques {
    	float: left;
}

a.forumlink {
        font-size: 24px;
        text-transform: uppercase;
        letter-spacing: 5px;
        font-weight: normal;
        margin: 2.2% 2% 0 2%;
}

.forum_statistiques {
        background: #1c1d1e;
        border: 1px solid rgba(26,25,25,.2);
        color: #979797;
        font-size: 12px;
        padding: .5% 4%;
        float: right;
        margin: 2% 2% 0;
}

/* DESCRIPTION SOUS FORUM ET DERNIER MESSAGE */
.forum .content {
        display: flex;
        flex: 1;
        flex-direction: row;
        flex-wrap: wrap;
        margin: 2% auto 0;
}

.forum_bloc {
    	flex: 1;
}

/* Description */
.forum_description {
        background: #eeeeee;
        border: 1px solid rgba(26,25,25,.2);
        padding: 2%;
        box-sizing: border-box;
        font-size: 10px;
        letter-spacing: 2px;
        width: 100%;
        height: 114px;
        overflow: auto;
}

/* Sous forum */
.sous_forum {
        height: 114px;
        overflow: auto;
        width: 100%;
        margin: 0 2%;
}

.sous_forum a {
        background: #eee;
        border: 1px solid rgba(26,25,25,.2);
        display: block;
        letter-spacing: 2px;
        padding: 1.15%;
        text-align: center;
        text-transform: lowercase;
        margin: 0 0 2%;
}

.forum_bloc.sous_forum a:last-child {
    	margin: 0;
}

.forum_bloc.sous_forum a:hover {
        background: #1c1d1e;
        color: #eee;
}

/* Dernier message */
.forum_bloc.derniers {
        background: #eee;
        border: 1px solid rgba(26,25,25,.2);
        text-align: center;
        padding: 2% 0 0;
        font-size: 12px;
}

.forum_bloc.derniers span > a::after {
        border-bottom: 2px solid;
        content: "";
        display: block;
        margin: 2%;
}

.forum_bloc.derniers strong a::before {
        content: "par ";
        font-weight: normal;
        font-size: 11px;
        letter-spacing: 2px;
}

.forum_bloc.derniers strong a {
    	letter-spacing: 2px;
}

.forum_bloc.derniers span > a:last-child::after {
    	display: none;
}

Index_box

<div class="header_categories_liens">
  	
		<a id="nouveaux_messages" href="{U_SEARCH_NEW}">
                  	{L_SEARCH_NEW}
  		</a>
  
  		<a href="{U_SEARCH_SELF}">
                  	{L_SEARCH_SELF}
  		</a>
  	
	<a id="sans_reponse" href="{U_SEARCH_UNANSWERED}">
          		{L_SEARCH_UNANSWERED}
  	</a>
</div>
<script type="text/javascript">document.getElementById('nouveaux_messages').innerHTML=document.getElementById('nouveaux_messages').innerHTML.replace(/Voir les nouveaux messages depuis votre dernière visite/,"Voir les nouveaux messages");</script> 
<script type="text/javascript">document.getElementById('sans_reponse').innerHTML=document.getElementById('sans_reponse').innerHTML.replace(/Voir les messages sans réponses/,"Les messages sans réponses");</script>

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

  


	

  	<div class="forum">
          	<div class="header">
                  	<img class="forum_statut" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                  
                  	<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">
                          	{catrow.forumrow.FORUM_NAME}
                  	</a>
                  
                  	<div class="forum_statistiques">
                          	{catrow.forumrow.TOPICS} sujet & {catrow.forumrow.POSTS} messages
                  	</div>
          	</div>
          
          	<div class="content">
                  	<div class="forum_bloc forum_description">
                          	{catrow.forumrow.FORUM_DESC}
                  	</div>
                  
                  	<div class="forum_bloc 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 class="forum_bloc derniers">
                          	{catrow.forumrow.LAST_POST}
                  	</div>
          	</div>
  	</div>

</div>

Index_body

Remplacer les lignes 66 à 89 par :

<div class="header_categories_liens">
  	
		<a href="{U_MARK_READ}" id="marquer_lu">
                  	{L_MARK_FORUMS_READ}
  		</a>
	
			
  	
		<a href="{switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow">
                  	{switch_delete_cookies.L_DELETE_COOKIES}
  		</a>
  	
  
  	<a href="{U_TODAY_ACTIVE}" id="sujets_jour">
          	{L_TODAY_ACTIVE}
  	</a>
				
  	<a href="{U_TODAY_POSTERS}" id="posteurs_jour">
          	{L_TODAY_POSTERS}
  	</a>
  
	<a href="{U_OVERALL_POSTERS}" id="meilleurs_posteurs">
          	{L_OVERALL_POSTERS}
  	</a>
				
  	
		
			<a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" id="cookies" rel="nofollow">
                          	{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}
  			</a>
		
	
</div>

Codage index complet Colby Lake qui est en ligne Halloween Forumactif PHPBB2

CSS

a, a:hover {
  	text-decoration: none !important;
  	transition: .3s all;
}

::-webkit-scrollbar {
        background: #e3e3e3;
        border: 0;
        width: 3px;
}

::-webkit-scrollbar-thumb {
        background: #333;
        border: 0;
}

/****************************************************************** QUI EST EN LIGNE ******************************************************************/
.qui_est_en_ligne {
        background: url(https://i.servimg.com/u/f38/19/69/79/53/image_14.png);
        width: 850px;
        height: 200px;
        letter-spacing: 2px;
  	font-family: 'Share Tech Mono', monospace;
  	color: #1a1919;
  	margin: 2% auto;
}

/* DERNIERS CONNECTES */
#derniers_connectes {
        background: rgba(248,248,248,.7);
        border: 1px solid #1a1919;
        width: 39%;
        margin: 1%;
        float: left;
        height: 185px;
        overflow: auto;
        text-align: justify;
        padding: 2%;
  	display: block;
        box-sizing: border-box;
}

#derniers_connectes .row1 {
    	background: transparent;
}

#derniers_connectes a strong {
    	font-weight: normal;
}

/* BLOC DROITE */
.qui_est_en_ligne .right {
        float: right;
        width: 35%;
        margin: 1%;
}

.qeel_statistiques {
        background: rgba(248,248,248,.7);
        border: 1px solid #1a1919;
        box-sizing: border-box;
        padding: 2%;
        text-align: center;
        text-transform: uppercase;
        margin: 0 0 2% 0;
}

/* Pseudo nouveau membre */
#nouveau_membre a {
    	font-weight: normal;
}

/* Statistiques */
.qeel_statistiques div span {
        display: inline-block;
        width: 50%;
        margin: 4% 0 0;
}

.qeel_statistiques span strong {
    	font-weight: normal;
}

/* Groupes */
.qeel_groupes a {
        background: rgba(248,248,248,.7);
        border: 1px solid #1a1919;
        display: block;
        text-align: center;
        text-transform: uppercase;
        padding: .5%;
        margin: .5% 0;
        font-size: 12px;
}

a#explorers {color: #386bdf;}
a#ennemy {color: #df387f;}
a#natifs {color: #25893f;}
a#exiled {color: #7e8925;}

Index_Body

Remplacer les lignes 136 à 184 par :

<div class="qui_est_en_ligne">
  	<div class="qeel_derniers">
          	<table id="derniers_connectes">
                  	{L_CONNECTED_MEMBERS}
          	</table>
  	</div>
  
  	<div class="right">
          	<div class="qeel_statistiques">
                  	<span id="nouveau_membre">
                          	{NEWEST_USER}
                	</span>
                	
                  	<div>
                          	<span id="total_membres">
                                  	{TOTAL_USERS}
                		</span>
                
                          	<span id="total_messages">
                                  	{TOTAL_POSTS}
                                </span>
                
                  	</div>
          	</div>
          
          	<div class="qeel_groupes">
                  	<a href="http://thecolbylake.forumactif.com/g2-i-am-a-explorer" id="explorers">
                          	I am an Explorer
                  	</a>
                  
                  	<a href="http://thecolbylake.forumactif.com/g3-the-ennemy-from-within" id="ennemy">
                          	The ennemy from within
                  	</a>
                  
                  	<a href="http://thecolbylake.forumactif.com/g4-i-was-born-here" id="natifs">
                          	I was born here
                  	</a>
                  
                  	<a href="http://thecolbylake.forumactif.com/g5-exiled-and-cursed" id="exiled">
                          	Exiled and cursed
                  	</a>
          	</div>
  	</div>
</div>
<script type="text/javascript">jQuery('#derniers_connectes span.gensmall').html(jQuery('#derniers_connectes span.gensmall').html().replace('Membres connectés au cours des 24 dernières heures : ','Ils étaient là durant les dernières 24<br />- '));</script>
<script type="text/javascript">document.getElementById('nouveau_membre').innerHTML=document.getElementById('nouveau_membre').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"Bienvenue à :<br />");</script>
<script type="text/javascript">document.getElementById('total_membres').innerHTML=document.getElementById('total_membres').innerHTML.replace(/Nous avons/,"").replace(/membre(s?) enregistré(s?)/,"<br />Membre$1");</script> 
<script type="text/javascript">document.getElementById('total_messages').innerHTML=document.getElementById('total_messages').innerHTML.replace(/Nos membres ont posté un total de/,"").replace(/message(s?)/,"<br />Message$1");</script>

Télécharger le CSS complet

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

#colbyLake #indexcomplet #forumactif #codage #libreservice

Halloween