« Discussion modèle:Histoire18-25 » : différence entre les versions

Ajouter une discussion
Il n’y a aucune discussion sur cette page.
user: 65b6543 (?)
(test avec table)
 
Aucun résumé des modifications
 
(4 versions intermédiaires par 2 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
     <table style="width: 330px; float:right; margin: 0 0 1.5em 1.5em;">
     <table style="width: 330px; float:right; margin: 0 0 1.5em 1.5em;">
         <td style="background: radial-gradient(circle, #ff6f00 50%, #ffa159 100%); border-radius: 5px 5px 0px 0px; padding: 10px; font-size:120%; color:white; height: 20px; display: flex; align-items: center; justify-content: center;"> '''Histoire du Blabla 18-25 ans'''
         <div style="background: radial-gradient(circle, #ff6f00 50%, #ffa159 100%); border-radius: 5px 5px 0px 0px; padding: 10px; font-size:120%; color:white; height: 20px; display: flex; align-items: center; justify-content: center;"> '''Histoire du Blabla 18-25 ans'''
         </td>
         </div>
         <td style="border: 1px solid #b3ddef; border-top: 0px; background-color: #d9edf6; border-radius: 0px; padding: 10px; ; height: 10px; display: flex; align-items: center; justify-content: center;">
         <div style="border: 1px solid #b3ddef; border-top: 0px; background-color: #d9edf6; border-radius: 0px; padding: 10px; ; height: 10px; display: flex; align-items: center; justify-content: center;">
'''[[Ère post-scission|Ère Post-scission :]]'''
'''[[Ère post-scission|Ère Post-scission :]]'''
         </td>
         </div>
           <td style="border: 1px solid #b3ddef; border-top: 0px; ; border-radius: 0px; padding: 10px; ; height: 10px; display: flex; align-items: center; justify-content: center;">
           <div style="border: 1px solid #b3ddef; border-top: 0px; ; border-radius: 0px; padding: 10px; ; height: 10px; display: flex; align-items: center; justify-content: center;">
[[Histoire du Blabla 18-25 ans en 2023|2023]] • [[Histoire du Blabla 18-25 ans en 2024|2024]] • [[Histoire du Blabla 18-25 ans en 2025|2025]] • [[Histoire du Blabla 18-25 ans en 2026|2026]] • [[Histoire du Blabla 18-25 ans en 2027|2027]]
[[Histoire du Blabla 18-25 ans en 2023|2023]] • [[Histoire du Blabla 18-25 ans en 2024|2024]] • [[Histoire du Blabla 18-25 ans en 2025|2025]] • [[Histoire du Blabla 18-25 ans en 2026|2026]] • [[Histoire du Blabla 18-25 ans en 2027|2027]]
         </td>
         </div>
         <td style="border: 1px solid #b3ddef; border-top: 0px; background-color: #d9edf6; border-radius: 0px; padding: 10px; ; height: 10px; display: flex; align-items: center; justify-content: center;">
         <div style="border: 1px solid #b3ddef; border-top: 0px; background-color: #d9edf6; border-radius: 0px; padding: 10px; ; height: 10px; display: flex; align-items: center; justify-content: center;">
'''[[Ère Covid|Ère Covid :]]'''
'''[[Ère Covid|Ère Covid :]]'''
         </td>
         </div>
         <td style="border: 1px solid #b3ddef; border-top: 0px; ; border-radius: 0px; padding: 10px; ; height: 10px; display: flex; align-items: center; justify-content: center;">
         <div style="border: 1px solid #b3ddef; border-top: 0px; ; border-radius: 0px; padding: 10px; ; height: 10px; display: flex; align-items: center; justify-content: center;">
[[Histoire du Blabla 18-25 ans en 2020|2020]] • [[Histoire du Blabla 18-25 ans en 2021|2021]] • [[Histoire du Blabla 18-25 ans en 2022|2022]] • [[Histoire du Blabla 18-25 ans en 2023|2023]]
[[Histoire du Blabla 18-25 ans en 2020|2020]] • [[Histoire du Blabla 18-25 ans en 2021|2021]] • [[Histoire du Blabla 18-25 ans en 2022|2022]] • [[Histoire du Blabla 18-25 ans en 2023|2023]]
         </td>
         </div>
         <td style="border: 1px solid #b3ddef; border-top: 0px; background-color: #d9edf6; border-radius: 0px; padding: 10px; ; height: 10px; display: flex; align-items: center; justify-content: center;">
         <div style="border: 1px solid #b3ddef; border-top: 0px; background-color: #d9edf6; border-radius: 0px; padding: 10px; ; height: 10px; display: flex; align-items: center; justify-content: center;">
'''[[Ère 410|Ère 410 :]]'''
'''[[Ère 410|Ère 410 :]]'''
         </td>
         </div>
         <td style="border: 1px solid #b3ddef; border-top: 0px; ; border-radius: 0px; padding: 10px; ; height: 10px; display: flex; align-items: center; justify-content: center;">
         <div style="border: 1px solid #b3ddef; border-top: 0px; ; border-radius: 0px; padding: 10px; ; height: 10px; display: flex; align-items: center; justify-content: center;">
[[Histoire du Blabla 18-25 ans en 2017|2017]] • [[Histoire du Blabla 18-25 ans en 2018|2018]] • [[Histoire du Blabla 18-25 ans en 2019|2019]] • [[Histoire du Blabla 18-25 ans en 2020|2020]]
[[Histoire du Blabla 18-25 ans en 2017|2017]] • [[Histoire du Blabla 18-25 ans en 2018|2018]] • [[Histoire du Blabla 18-25 ans en 2019|2019]] • [[Histoire du Blabla 18-25 ans en 2020|2020]]
         </td>
         </div>
         <td style="border: 1px solid #b3ddef; border-top: 0px; background-color: #d9edf6; border-radius: 0px; padding: 10px; ; height: 10px; display: flex; align-items: center; justify-content: center;">
         <div style="border: 1px solid #b3ddef; border-top: 0px; background-color: #d9edf6; border-radius: 0px; padding: 10px; ; height: 10px; display: flex; align-items: center; justify-content: center;">
'''[[Ère Risitas|Ère Risitas :]]'''
'''[[Ère Risitas|Ère Risitas :]]'''
         </td>
         </div>
         <td style="border: 1px solid #b3ddef; border-top: 0px; ; border-radius: 0px; padding: 10px; ; height: 10px; display: flex; align-items: center; justify-content: center;">
         <div style="border: 1px solid #b3ddef; border-top: 0px; ; border-radius: 0px; padding: 10px; ; height: 10px; display: flex; align-items: center; justify-content: center;">
[[Histoire du Blabla 18-25 ans en 2016|2016]] • [[Histoire du Blabla 18-25 ans en 2017|2017]]
[[Histoire du Blabla 18-25 ans en 2016|2016]] • [[Histoire du Blabla 18-25 ans en 2017|2017]]
         </td>
         </div>
         <td style="border: 1px solid #b3ddef; border-top: 0px; background-color: #d9edf6; border-radius: 0px; padding: 10px; ; height: 10px; display: flex; align-items: center; justify-content: center;">
         <div style="border: 1px solid #b3ddef; border-top: 0px; background-color: #d9edf6; border-radius: 0px; padding: 10px; ; height: 10px; display: flex; align-items: center; justify-content: center;">
'''[[Ère Respawn|Ère Respawn :]]'''
'''[[Ère Respawn|Ère Respawn :]]'''
         </td>
         </div>
         <td style="border: 1px solid #b3ddef; border-top: 0px; ; border-radius: 0px; padding: 10px; ; height: 10px; display: flex; align-items: center; justify-content: center;">
         <div style="border: 1px solid #b3ddef; border-top: 0px; ; border-radius: 0px; padding: 10px; ; height: 10px; display: flex; align-items: center; justify-content: center;">
[[Histoire du Blabla 18-25 ans en 2014|2014]] • [[Histoire du Blabla 18-25 ans en 2015|2015]] • [[Histoire du Blabla 18-25 ans en 2016|2016]]
[[Histoire du Blabla 18-25 ans en 2014|2014]] • [[Histoire du Blabla 18-25 ans en 2015|2015]] • [[Histoire du Blabla 18-25 ans en 2016|2016]]
         </td>
         </div>
         <td style="border: 1px solid #b3ddef; border-top: 0px; background-color: #d9edf6; border-radius: 0px; padding: 10px; ; height: 10px; display: flex; align-items: center; justify-content: center;">
         <div style="border: 1px solid #b3ddef; border-top: 0px; background-color: #d9edf6; border-radius: 0px; padding: 10px; ; height: 10px; display: flex; align-items: center; justify-content: center;">
'''[[Ère pré-Respawn|Ère Pré-Respawn :]]'''
'''[[Ère pré-Respawn|Ère Pré-Respawn :]]'''
         </td>
         </div>
         <td style="border: 1px solid #b3ddef; border-top: 0px; ; border-radius: 0px; padding: 10px; ; height: 10px; display: flex; align-items: center; justify-content: center;">
         <div style="border: 1px solid #b3ddef; border-top: 0px; ; border-radius: 0px; padding: 10px; ; height: 10px; display: flex; align-items: center; justify-content: center;">
2011 à 2014
2011 à 2014
         </td>
         </div>
         <td style="border: 1px solid #b3ddef; border-top: 0px; background-color: #d9edf6; border-radius: 0px; padding: 10px; ; height: 10px; display: flex; align-items: center; justify-content: center;">
         <div style="border: 1px solid #b3ddef; border-top: 0px; background-color: #d9edf6; border-radius: 0px; padding: 10px; ; height: 10px; display: flex; align-items: center; justify-content: center;">
'''[[Période blanche|Période blanche :]]'''
'''[[Période blanche|Période blanche :]]'''
         </td>
         </div>
         <td style="border: 1px solid #b3ddef; ; box-shadow: 0px 8px #d9edf6; border-top: 0px; border-radius: 0px 0px 5px 5px; padding: 10px; height: 10px; display: flex; align-items: center; justify-content: center;">2004 à 2011
         <div style="border: 1px solid #b3ddef; ; box-shadow: 0px 8px #d9edf6; border-top: 0px; border-radius: 0px 0px 5px 5px; padding: 10px; height: 10px; display: flex; align-items: center; justify-content: center;">2004 à 2011
         </td>
         </div>
     </table>
     </table>
<noinclude>
<noinclude>
[[Catégorie:Modèles]]




test
 
 
Bon j'y arrive pas ça me saoule, mais il faudrait essayer d'utiliser les classes table et non div , '''Car actuellement sur mobile y a un gros problème de présentation sur le 18 25'''
 
Et la mise en forme en table a l'avantage d'occuper 100% de l'espace '''sur mobile''' comme on peut voir avec les [[Mod%C3%A8le:InfoboxForum | box forum]] et de se mettre à droite en mode PC sauf que j'arrive pas à combiner les 2 mais même si j'ai pas d'idée pour le moment '''il faut le corriger car actuellement sur mobile ça donne ça''':
 
https://i.ibb.co/rfFFJf5R/Sans-titre-1.png
 
Et c'est pas possible de mon point de vue de le laisser en l'état
 
Encore une fois j'ai pas de solution car ça fait un moment que je cherche et que le tableau est relativement gros Et le wiki a aussi son influence sur le CSS. Mais ça serait à mettre dans les priorités des choses a changé '''pour l'affichage mobile'''.
 
On peut pas se contenter d'une taille absolue car même en réduisant la nav box Ça pète c'est pour ça que je pense que l'utilisation des tables est plus appropriée car elle s'adapte à la version mobile seulement j'arrive pas à l'adapter de mon côté
 
'''Contributeur [[Utilisateur:Atlantis | Atlantis]]'''

Dernière version du 5 juillet 2025 à 10:20

 Histoire du Blabla 18-25 ans

20232024202520262027

2020202120222023

2017201820192020

20162017

201420152016

2011 à 2014

2004 à 2011



Bon j'y arrive pas ça me saoule, mais il faudrait essayer d'utiliser les classes table et non div , Car actuellement sur mobile y a un gros problème de présentation sur le 18 25

Et la mise en forme en table a l'avantage d'occuper 100% de l'espace sur mobile comme on peut voir avec les box forum et de se mettre à droite en mode PC sauf que j'arrive pas à combiner les 2 mais même si j'ai pas d'idée pour le moment il faut le corriger car actuellement sur mobile ça donne ça:

https://i.ibb.co/rfFFJf5R/Sans-titre-1.png

Et c'est pas possible de mon point de vue de le laisser en l'état

Encore une fois j'ai pas de solution car ça fait un moment que je cherche et que le tableau est relativement gros Et le wiki a aussi son influence sur le CSS. Mais ça serait à mettre dans les priorités des choses a changé pour l'affichage mobile.

On peut pas se contenter d'une taille absolue car même en réduisant la nav box Ça pète c'est pour ça que je pense que l'utilisation des tables est plus appropriée car elle s'adapte à la version mobile seulement j'arrive pas à l'adapter de mon côté

Contributeur Atlantis

Revenir à la page « Histoire18-25 ».