Voir la source de Test page 3

__NOTOC__
<div id="accueil_global">

<!-- TITRE WIKI + SOUS-TITRE -->
<div id="accueil_intro" style="text-align: center; margin:0 0 40px 0;">
<p class="titre_accueil" style="font-size: 170%;">Bienvenue sur <span style="background-image: linear-gradient(45deg, #0182a6, #0db3e3); background-size: 100%; -webkit-background-clip: text; -moz-background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent;">[[JVFlux:À propos|'''JVFlux''']]</span> !</p>
<p class="sous_titre_accueil" style="font-size: 130%; line-height: 27px;">Le '''wiki communautaire et bénévole''' sur jeuxvideo.com et ses forums {{noel}}</p>
</div>

<!-- PHRASE ALEATOIRE -->
<div id="accueil_phrase-aleatoire">
{{AccueilPhraseAléatoire}}
</div>

<!-- ARTICLES CHAUDS + ARTICLES DE QUALITÉ -->
<div style="display: flex; flex-flow: row wrap; gap: 10px; justify-content: center;">
    <div style="flex: 6; justify-content: center;">
        <div style="background: radial-gradient(circle, #ff6f00 50%, #ffa159 100%); border-radius: 5px 5px 0px 0px; padding: 10px; font-size: 170%; color: white; height: 20px; display: flex; align-items: center; justify-content: center;">[[Fichier:fleche jvc bas.png|25px]]  '''Article du moment'''
        </div>
        <div style="border: 1px solid #b3ddef; border-top: 0px; background-color: #f8fafc; border-radius: 0px; padding: 20px;">
{{AccueilArticleSemaine}}
        </div>
        <div style="display: flex; gap: 5px; border: 1px solid #b3ddef; background-color: #f8fafc; box-shadow: 0px 8px #d9edf6; border-top: 0px; border-radius: 0px 0px 5px 5px;">
        <div style="border: 0; margin: 0; flex: 2; align-self: flex-end;">[[Fichier:sticker depardieu redbird moto.png|130px]]</div>
        <div style="border: 0px; padding: 10px; flex: 8;">
'''''RACCOURCIS''''' : [[Histoire du Blabla 18-25 ans en 2024|Histoire du 18-25 en 2024]] '''|''' [[Pavé|Pavés]] '''|''' [[Sites et outils liés à jeuxvideo.com|Sites utiles & outils]] '''|''' [[Vocaroo|Banque de vocaroos]] '''|''' [[Stickers intégrés de Jeuxvideo.com|Banque des stickers intégrés]] '''|''' [[Histoire de Onche.org en 2024|Histoire de Onche.org en 2024]]</div>
        </div>
    </div>
    <div style="flex: 4;">
        <div style="background: radial-gradient(circle, #ff6f00 50%, #ffa159 100%); border-radius: 5px 5px 0px 0px; padding: 10px; font-size: 170%; color:white; height: 20px; display: flex; align-items: center; justify-content: center;">[[Fichier:fleche jvc bas.png|25px]]  '''Nouveaux articles'''
        </div>
        <div style="border: 1px solid #b3ddef; background-color: #f8fafc; box-shadow: 0px 8px #d9edf6; border-top: 0; border-radius: 0px 0px 5px 5px; padding: 20px;">''Ces articles sont encore jeunes et incomplets, n'hésitez pas à y apporter votre contribution !''<br>
{{PuceDoubleJVC}}7 mars : [[Klaus Schwab]]<br>
{{PuceDoubleJVCBleu}}5 mars : [[Affaire Mr.Cuisine]]<br>
{{PuceDoubleJVCBleu}}4 mars : [[Genesis Pass Holder (forum)]]<br>
{{PuceDoubleJVC}}2 mars : [[Randocan]]<br>
{{PuceDoubleJVC}}2 mars : [[Kamisamabob]]<br>
{{PuceDoubleJVC}}29 février : [[Cthulhus]]<br>
{{PuceDoubleJVC}}28 février : [[Souritima]]<br>
{{PuceDoubleJVC}}28 février : [[Antistar]]<br>
{{PuceDoubleJVC}}27 février : [[Mets ma viande dans ta bouche]]<br>
{{PuceDoubleJVC}}25 février : [[Un japonais chante "ISSOU" puis meurt du COVID]]<br>
{{PuceDoubleJVCBleu}}25 février : [[Mamytwink]]<br>
{{PuceDoubleJVC}}24 février : [[Webcam de Jeuxvideo.com]]<br>
       </div>
    </div>
</div>

<div style="display: flex; flex-flow: row wrap; gap: 10px; justify-content: center; margin: 40px 0;">

    <div style="flex: 1; justify-content: center;">
    
        <div style="background: linear-gradient(45deg, #FFF0B1 10%, #EFBC27 30%, #FFF0B1 50%, #EFBC27 70%, #FFF0B1 90%); border-radius: 5px 5px 0px 0px; padding: 10px; font-size:170%; color:black; height: 20px; display: flex; align-items: center; justify-content: center;">[[Fichier:fleche jvc bas.png|25px]]  '''Articles de qualité'''
        <div class="remove_from_mobile" style="margin-bottom: 20px; margin-left: 80px; width:0%">[[File:etchebest_qualité.png|70px|link=|alt=]]</div>
        </div>

        <div style="border: 1px solid #EFBC27; border-radius : 0px 0px 5px 5px; border-top: 0px; box-shadow: 0px 8px #FFF0B1; background-color: #fffbf5; padding: 20px;">
{{AccueilArticlesQualité}}
        </div>
        
    </div>
    
    
    <div style="flex: 1; justify-content: center; border: 1px solid black;">
    
        <div style="background: radial-gradient(circle, #006a88 30%, #11b6e2 100%); border-radius: 5px 5px 0px 0px; padding: 10px; font-size:170%; color:white; height: 20px; display: flex; align-items: center; justify-content: center;">[[Fichier:fleche jvc bas.png|25px]]  '''Contribuer à JVFlux'''
        </div>

       <div style="border: 1px solid #b3ddef; background-color: #f8fafc; box-shadow: 0px 8px #d9edf6; border-top: 0; border-radius: 0px 0px 5px 5px; padding: 20px;  border: 1px solid black;">''L'une des plus grandes difficultés à laquelle fait face le Wiki est le manque de contributeurs. De la correction d'une simple faute à la rédaction d'un article, vous '''pouvez''' aider JVFlux à perdurer en apportant votre contribution, aussi modeste soit-elle.''
       
       <div style="height:30px; border: 1px solid black; text-align:center; margin: 20px 0;">[[JVFlux:Contribuer au Wiki|<span class="mw-ui-button mw-ui-progressive" style="font-size: 160%;background: radial-gradient(circle, #006a88 30%, #11b6e2 100%); border-color: #0182a6; color:white; border:0px; align-items:center">Guide du contributeur</span>]]</div>
  
    <div style="display: flex; flex-flow: row wrap; border: 0px; padding: 0px; margin-top: 10px">
    
    <div style="flex: 1; border: 1px solid black;">
''Liens utiles :''<br>
{{PuceJVC}}[[JVFlux:Créer une page sur le Wiki|Créer une page]]<br>
{{PuceJVC}}[[Spécial:Créer un compte|Créer un compte]]<br>
    </div>
    
    <div style="flex: 1; border: 1px solid black;">
<br>
{{PuceJVC}}[[JVFlux:Règles du Wiki|Règles du wiki]]<br>
{{PuceJVC}}[[JVFlux:Guide de rédaction|Guide de rédaction]]<br>
{{PuceJVC}}[[Spécial:Page au hasard |Améliorer une page au hasard]]<br>
    </div>
    
   </div>
   
    </div>
    
</div>


<div class="accueil_articles-qualite">
<div class="accueil_bandeau-titre" style="position: relative; margin: 20px 15px 0 20px; background: linear-gradient(45deg, #FFF0B1 10%, #EFBC27 30%, #FFF0B1 50%, #EFBC27 70%, #FFF0B1 90%); height: 40px; border-radius: 5px;">
<div class="remove_from_mobile" style="position: absolute; left: 10px; top: -15px;">[[File:etchebest_qualité.png|70px|link=|alt=]]</div>
<div style="position: absolute; left: 15px; line-height: 40px; vertical-align: center; text-align: center; width: 100%; color: black; font-size: 170%; font-style: italic; font-weight: bold;"><span style="color:#C29900; font-size: 15px">★★★</span> '''Articles de qualité''' <span style="color:#C29900; font-size: 15px">★★★</span></div>
</div>
<div class="accueil_articles-boite">
{{AccueilArticlesQualité}}
</div>
</div>
</div>

<!-- RACCOURCIS -->
<div id="accueil_raccourcis">
{{AccueilTitre
|couleur = #6fc1ff
|image = icone-navigation.png
|taille-image = 50
|titre = Raccourcis
|couleur_titre = #FFFFFF
}}
<div class="accueil_raccourcis-raccourcis">
{{AccueilRaccourcis}}
</div>
</div>

<!-- DERNIÈRES CONTRIBUTIONS DU WIKI -->
<div id="accueil_modifs" class="remove_from_mobile">
{{AccueilTitre
|couleur = #6fc1ff
|image = icone-modifications.png
|taille-image = 50
|titre = Les dernières contributions du Wiki
|couleur_titre = #FFFFFF
}}
<div class="accueil_modifs-contenu" >
{{AccueilDernièresContributions}}
</div>
</div>

<!-- CONTRIBUTION + ACTUALITÉS -->
<div id="accueil_naviguer">
<div class="accueil_naviguer-navigation">
{{AccueilTitre
|couleur = #6fc1ff
|image = icone-navigation.png
|taille-image = 50
|titre = Navigation
|couleur_titre = #FFFFFF
}}
<div class="accueil_articles-boite">
{{AccueilNavigation}}
</div>
</div>
<div class="accueil_naviguer-actualites">
{{AccueilTitre
|couleur = #6fc1ff
|image = icone-actualites.png
|taille-image = 50
|titre = Actualités
|couleur_titre = #FFFFFF
}}
<div class="accueil_articles-boite">
{{AccueilActualités}}
</div>
</div>
</div>
</div>