« Discussion modèle:Histoire18-25 » : différence entre les versions
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;"> | ||
< | <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''' | ||
</ | </div> | ||
< | <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 :]]''' | ||
</ | </div> | ||
< | <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]] | ||
</ | </div> | ||
< | <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 :]]''' | ||
</ | </div> | ||
< | <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]] | ||
</ | </div> | ||
< | <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 :]]''' | ||
</ | </div> | ||
< | <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]] | ||
</ | </div> | ||
< | <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 :]]''' | ||
</ | </div> | ||
< | <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]] | ||
</ | </div> | ||
< | <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 :]]''' | ||
</ | </div> | ||
< | <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]] | ||
</ | </div> | ||
< | <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 :]]''' | ||
</ | </div> | ||
< | <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 | ||
</ | </div> | ||
< | <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 :]]''' | ||
</ | </div> | ||
< | <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 | ||
</ | </div> | ||
</table> | </table> | ||
<noinclude> | <noinclude> | ||
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
2011 à 2014
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