« Modèle:Timeline » : différence entre les versions
De gahan
Aller à la navigationAller à la recherche
(Page créée avec « <noinclude> Pour utiliser ce template, il suffit d'inclure le code suivant: <pre> {{Timeline | Titre = Titre de la Timeline | tmStart = Année de début de la Timeline | tmEnd = Année de fin de la Timeline | p1-start = 1ère période - Année de début | p1-end = 1ère période - Année de fin | p2-start = 2ème période - Année de début | p2-end = 2ème période - Année de fin Etc... jusqu'à 20 }} </pre> {{#vardefine:nbTotal| {{#expr:... ») |
Aucun résumé des modifications |
||
| (34 versions intermédiaires par le même utilisateur non affichées) | |||
| Ligne 6 : | Ligne 6 : | ||
{{Timeline | {{Timeline | ||
| Titre = Titre de la Timeline | | Titre = Titre de la Timeline | ||
| tmStart = Année de début de la Timeline | | Largeur = Largeur en %age de la Timeline | ||
| tmEnd = Année de fin de la Timeline | | tmStart = Année de début de la Timeline (obligatoire) | ||
| | | tmEnd = Année de fin de la Timeline (obligatoire) | ||
| | | p01-desc = Période 1 - Nom de la période | ||
| | | p01-start = Période 1 - Année de début | ||
| | | p01-end = Période 1 - Année de fin | ||
| p02-desc = Période 2 - Nom de la période | |||
| p02-start = Période 2 - Année de début | |||
| p02-end = Période 2 - Année de fin | |||
Etc... jusqu'à 20 | Etc... jusqu'à 20 | ||
}} | }} | ||
</pre> | </pre> | ||
Pour plus de lisibilité, on pourra l'utiliser de cette manière: | |||
<pre> | |||
{{Timeline | |||
| Titre = Les périodes de l'Empire | |||
| Largeur = 80% | |||
| tmStart = 1 | |||
| tmEnd = 985 | |||
| p01-start = 1 | p01-end = 43 | p01-desc = Fondation | |||
| p02-start = 44 | p02-end = 172 | p02-desc = Stabilité | |||
| p03-start = 173 | p03-end = 227 | p03-desc = Renforcement | |||
| p04-start = 228 | p04-end = 413 | p04-desc = Conquêtes | |||
| p05-start = 414 | p05-end = 613 | p05-desc = Confirmation | |||
| p06-start = 614 | p06-end = 740 | p06-desc = Déclin | |||
| p07-start = 741 | p07-end = 777 | p07-desc = Guerres perdues | |||
| p08-start = 778 | p08-end = 812 | p08-desc = Vacance | |||
| p09-start = 813 | p09-end = 985 | p09-desc = Nouvel Empire | |||
}} | |||
</pre> | |||
{{ | Le résultat sera : | ||
{{Timeline | |||
| Titre = Les périodes de l'Empire | |||
| Largeur = 80% | |||
| tmStart = 1 | |||
| tmEnd = 985 | |||
| p01-start = 1 | p01-end = 43 | p01-desc = Fondation | |||
| p02-start = 44 | p02-end = 172 | p02-desc = Stabilité | |||
| p03-start = 173 | p03-end = 227 | p03-desc = Renforcement | |||
| p04-start = 228 | p04-end = 413 | p04-desc = Conquêtes | |||
| p05-start = 414 | p05-end = 613 | p05-desc = Confirmation | |||
| p06-start = 614 | p06-end = 740 | p06-desc = Déclin | |||
| p07-start = 741 | p07-end = 777 | p07-desc = Guerres perdues | |||
| p08-start = 778 | p08-end = 812 | p08-desc = Vacance | |||
| p09-start = 813 | p09-end = 985 | p09-desc = Nouvel Empire | |||
}} | |||
<div class="timeline"> | </noinclude> | ||
<div class=" | <div class="timeline fontsize_S" style="width: {{#if: {{{Largeur|}}} | {{{Largeur}}} | 100% }};"> | ||
<div class=" | {{#if: {{{Titre|}}} | <div style="text-align:center; line-height:1.2em;">{{{Titre}}}</div> }}<!-- | ||
-->{{#if: {{{p01-desc|}}} | <div class="period1 fontsize_XS" style="width: {{#expr: ({{{p01-end|}}}-{{{p01-start|}}}+0)/({{{tmEnd|}}}-{{{tmStart|}}})*100}}%;">{{{p01-desc}}}</div> }}<!-- | |||
-->{{#if: {{{p02-desc|}}} | <div class="period2 fontsize_XS" style="width: {{#expr: ({{{p02-end|}}}-{{{p02-start|}}}+1)/({{{tmEnd|}}}-{{{tmStart|}}})*100}}%;">{{{p02-desc}}}</div> }}<!-- | |||
-->{{#if: {{{p03-desc|}}} | <div class="period3 fontsize_XS" style="width: {{#expr: ({{{p03-end|}}}-{{{p03-start|}}}+1)/({{{tmEnd|}}}-{{{tmStart|}}})*100}}%;">{{{p03-desc}}}</div> }}<!-- | |||
-->{{#if: {{{p04-desc|}}} | <div class="period1 fontsize_XS" style="width: {{#expr: ({{{p04-end|}}}-{{{p04-start|}}}+1)/({{{tmEnd|}}}-{{{tmStart|}}})*100}}%;">{{{p04-desc}}}</div> }}<!-- | |||
-->{{#if: {{{p05-desc|}}} | <div class="period2 fontsize_XS" style="width: {{#expr: ({{{p05-end|}}}-{{{p05-start|}}}+1)/({{{tmEnd|}}}-{{{tmStart|}}})*100}}%;">{{{p05-desc}}}</div> }}<!-- | |||
-->{{#if: {{{p06-desc|}}} | <div class="period3 fontsize_XS" style="width: {{#expr: ({{{p06-end|}}}-{{{p06-start|}}}+1)/({{{tmEnd|}}}-{{{tmStart|}}})*100}}%;">{{{p06-desc}}}</div> }}<!-- | |||
-->{{#if: {{{p07-desc|}}} | <div class="period1 fontsize_XS" style="width: {{#expr: ({{{p07-end|}}}-{{{p07-start|}}}+1)/({{{tmEnd|}}}-{{{tmStart|}}})*100}}%;">{{{p07-desc}}}</div> }}<!-- | |||
-->{{#if: {{{p08-desc|}}} | <div class="period2 fontsize_XS" style="width: {{#expr: ({{{p08-end|}}}-{{{p08-start|}}}+1)/({{{tmEnd|}}}-{{{tmStart|}}})*100}}%;">{{{p08-desc}}}</div> }}<!-- | |||
-->{{#if: {{{p09-desc|}}} | <div class="period3 fontsize_XS" style="width: {{#expr: ({{{p09-end|}}}-{{{p09-start|}}}+1)/({{{tmEnd|}}}-{{{tmStart|}}})*100}}%;">{{{p09-desc}}}</div> }}<!-- | |||
-->{{#if: {{{p10-desc|}}} | <div class="period1 fontsize_XS" style="width: {{#expr: ({{{p10-end|}}}-{{{p10-start|}}}+1)/({{{tmEnd|}}}-{{{tmStart|}}})*100}}%;">{{{p10-desc}}}</div> }}<!-- | |||
-->{{#if: {{{p11-desc|}}} | <div class="period2 fontsize_XS" style="width: {{#expr: ({{{p10-end|}}}-{{{p10-start|}}}+1)/({{{tmEnd|}}}-{{{tmStart|}}})*100}}%;">{{{p10-desc}}}</div> }}<!-- | |||
-->{{#if: {{{p12-desc|}}} | <div class="period3 fontsize_XS" style="width: {{#expr: ({{{p10-end|}}}-{{{p10-start|}}}+1)/({{{tmEnd|}}}-{{{tmStart|}}})*100}}%;">{{{p10-desc}}}</div> }}<!-- | |||
-->{{#if: {{{p13-desc|}}} | <div class="period1 fontsize_XS" style="width: {{#expr: ({{{p10-end|}}}-{{{p10-start|}}}+1)/({{{tmEnd|}}}-{{{tmStart|}}})*100}}%;">{{{p10-desc}}}</div> }}<!-- | |||
-->{{#if: {{{p14-desc|}}} | <div class="period2 fontsize_XS" style="width: {{#expr: ({{{p10-end|}}}-{{{p10-start|}}}+1)/({{{tmEnd|}}}-{{{tmStart|}}})*100}}%;">{{{p10-desc}}}</div> }}<!-- | |||
-->{{#if: {{{p15-desc|}}} | <div class="period3 fontsize_XS" style="width: {{#expr: ({{{p10-end|}}}-{{{p10-start|}}}+1)/({{{tmEnd|}}}-{{{tmStart|}}})*100}}%;">{{{p10-desc}}}</div> }}<!-- | |||
-->{{#if: {{{p16-desc|}}} | <div class="period1 fontsize_XS" style="width: {{#expr: ({{{p10-end|}}}-{{{p10-start|}}}+1)/({{{tmEnd|}}}-{{{tmStart|}}})*100}}%;">{{{p10-desc}}}</div> }}<!-- | |||
-->{{#if: {{{p17-desc|}}} | <div class="period2 fontsize_XS" style="width: {{#expr: ({{{p10-end|}}}-{{{p10-start|}}}+1)/({{{tmEnd|}}}-{{{tmStart|}}})*100}}%;">{{{p10-desc}}}</div> }}<!-- | |||
-->{{#if: {{{p18-desc|}}} | <div class="period3 fontsize_XS" style="width: {{#expr: ({{{p10-end|}}}-{{{p10-start|}}}+1)/({{{tmEnd|}}}-{{{tmStart|}}})*100}}%;">{{{p10-desc}}}</div> }}<!-- | |||
-->{{#if: {{{p19-desc|}}} | <div class="period1 fontsize_XS" style="width: {{#expr: ({{{p10-end|}}}-{{{p10-start|}}}+1)/({{{tmEnd|}}}-{{{tmStart|}}})*100}}%;">{{{p10-desc}}}</div> }}<!-- | |||
-->{{#if: {{{p20-desc|}}} | <div class="period2 fontsize_XS" style="width: {{#expr: ({{{p10-end|}}}-{{{p10-start|}}}+1)/({{{tmEnd|}}}-{{{tmStart|}}})*100}}%;">{{{p10-desc}}}</div> }} | |||
</div> | </div> | ||
<br clear=all> | |||
Version actuelle datée du 19 mai 2024 à 17:18
Pour utiliser ce template, il suffit d'inclure le code suivant:
{{Timeline
| Titre = Titre de la Timeline
| Largeur = Largeur en %age de la Timeline
| tmStart = Année de début de la Timeline (obligatoire)
| tmEnd = Année de fin de la Timeline (obligatoire)
| p01-desc = Période 1 - Nom de la période
| p01-start = Période 1 - Année de début
| p01-end = Période 1 - Année de fin
| p02-desc = Période 2 - Nom de la période
| p02-start = Période 2 - Année de début
| p02-end = Période 2 - Année de fin
Etc... jusqu'à 20
}}
Pour plus de lisibilité, on pourra l'utiliser de cette manière:
{{Timeline
| Titre = Les périodes de l'Empire
| Largeur = 80%
| tmStart = 1
| tmEnd = 985
| p01-start = 1 | p01-end = 43 | p01-desc = Fondation
| p02-start = 44 | p02-end = 172 | p02-desc = Stabilité
| p03-start = 173 | p03-end = 227 | p03-desc = Renforcement
| p04-start = 228 | p04-end = 413 | p04-desc = Conquêtes
| p05-start = 414 | p05-end = 613 | p05-desc = Confirmation
| p06-start = 614 | p06-end = 740 | p06-desc = Déclin
| p07-start = 741 | p07-end = 777 | p07-desc = Guerres perdues
| p08-start = 778 | p08-end = 812 | p08-desc = Vacance
| p09-start = 813 | p09-end = 985 | p09-desc = Nouvel Empire
}}
Le résultat sera :
Les périodes de l'Empire
Fondation
Stabilité
Renforcement
Conquêtes
Confirmation
Déclin
Guerres perdues
Vacance
Nouvel Empire
