« Frise test » : différence entre les versions

De Wiki Game of Arkadia
Aller à la navigation Aller à la recherche
← Modification précédente
VisuelWikicode
Aucun résumé des modifications
Balise : Révoqué
Aucun résumé des modifications
 
(145 versions intermédiaires par le même utilisateur non affichées)
Ligne 1 : Ligne 1 :
Page servant de test pour les frises chronologiques, sera supprimé avant l'ouverture.


<head>
<timeline>
  <meta charset="UTF-8">
DateFormat = yyyy
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
ImageSize = width:800 height:auto barincrement:25
  <title>Chronologie - Âge de la plénitude</title>
PlotArea = left:20 right:40 bottom:30 top:25
  <style>
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
    body {
      font-family: Arial, Helvetica, sans-serif;
      background: #FFFFFF;
      color: #111;
      padding: 40px 20px 300px;
      line-height: 1.45;
    }
    h1 {
      text-align: center;
      margin: 0 0 60px 0;
      font-size: 2.4rem;
    }
    .timeline-wrapper {
      position: relative;
      max-width: 1600px;
      margin: 0 auto;
    }
    .timeline {
      position: relative;
      height: 100px;
      background: #FFFFFF;
      border: 5px solid #000;
      border-radius: 0px;
      margin: 120px 0 220px 0;
      box-shadow: 0 8px 24px rgba(0,0,0,0.18);
    }
    .segment {
      position: absolute;
      top: 0;
      height: 100%;
      cursor: pointer;
      transition: filter 0.2s ease;
    }
    .segment:hover {
      filter: brightness(1.38);
    }
    .tick {
      position: absolute;
      top: -50px;
      transform: translateX(-50%) rotate(-90deg);
      font-weight: bold;
      font-size: 1.18rem;
      color: #000;
      white-space: nowrap;
      text-align: right;
    }
    .tick-extreme {
      top: -120px;          /* -50px - 40px = décalage de 40px vers le haut */
    }
    .event-label {
      position: absolute;
      bottom: -250px;
      width: 450px;
      left: 50%;            /* centrage corrigé */
      transform: translateX(-50%) rotate(-90deg);
      font-size: 1.08rem;
      font-weight: 600;
      color: #222;
      line-height: 1.4;
      letter-spacing: 0.4px;
      white-space: nowrap;
      text-align: right;
    }
  </style>
</head>
<body>


<h1>Chronologie - Âge de la plénitude</h1>
Colors =
  id:Bataille value:magenta
  id:ArriveRetour value:powderblue
  id:ApparitionExpedition value:brightgreen
  id:lightgrey value:gray(0.9)
  id:darkgrey value:gray(0.1)
  id:canvas value:rgb(0.97,0.97,0.97)
  id:grid1 value:rgb(0.80,0.80,0.80)
  id:grid2 value:rgb(0.90,0.90,0.90)


<div class="timeline-wrapper">
Period = from:-50 till:0
  <div class="timeline">
TimeAxis = orientation:horizontal format:yyyy
ScaleMinor = unit:year increment:2 start:-50 gridcolor:grid2
ScaleMajor = unit:year increment:5 start:-50 gridcolor:grid1
AlignBars = justify


    <a href="https://fr.wikipedia.org/wiki/Arkadia" target="_blank" class="segment"
BackgroundColors = canvas:white bars:white
      style="left: 0.0000%; width: 2.0000%; background: #83e7be;"
      title="Signature du Traité d’El Dorado — Wikipédia">
    </a>
    <div class="event-label" style="left: 1.0000%;">
      Signature du Traité d’El Dorado
    </div>


    <a href="https://fr.wikipedia.org/wiki/Arkadia" target="_blank" class="segment"
BarData=
      style="left: 16.0000%; width: 2.0000%; background: #white;"
  bar:Titlebar
      title="-49 à -35 — Wikipédia">
  bar:ArriveRetour
    </a>
  bar:ApparitionExpedition
    <div class="event-label" style="left: 17.0000%;">
  bar:Bataille
      -49 à -35
  bar:Guerre
    </div>
  barset:Ev1


    <a href="https://fr.wikipedia.org/wiki/Guerre" target="_blank" class="segment"
PlotData=
      style="left: 2.0000%; width: 28.0000%; background: #F59787;"
  width:25 fontsize:S textcolor:black align:center
      title="Bataille du Royaume Céleste — Wikipédia">
    </a>
    <div class="event-label" style="left: 16.0000%;">
      Bataille du Royaume Céleste
    </div>


    <a href="https://fr.wikipedia.org/wiki/Arkadia" target="_blank" class="segment"
  bar:Titlebar color:lightgrey shift:(0,-3)
      style="left: 4.0000%; width: 2.0000%; background: #FA5050;"
  from:start till:end text:"[[L'âge de La Plénitude]]"
      title="Massacre de la forge — Wikipédia">
  width:30 fontsize:S textcolor:black anchor:from align:left
    </a>
    <div class="event-label" style="left: 5.0000%;">
      Massacre de la forge
    </div>


    <a href="https://fr.wikipedia.org/wiki/Arkadia" target="_blank" class="segment"
  bar:ArriveRetour
      style="left: 6.0000%; width: 2.0000%; background: #F57C64;"
  color:ArriveRetour
      title="Invasion de Nocturna — Wikipédia">
  from:-50 till:-49 text:"-50"  
    </a>
    <div class="event-label" style="left: 7.0000%;">
      Invasion de Nocturna
    </div>


    <a href="https://fr.wikipedia.org/wiki/Guerre" target="_blank" class="segment"
  bar:ApparitionExpedition
      style="left: 70.0000%; width: 30.0000%; background: #FA5050;"
  color:ApparitionExpedition
      title="Deuxième guerre de l'Abîme — Wikipédia">
 
    </a>
  bar:Bataille
    <div class="event-label" style="left: 85.0000%;">
  color:Bataille
      Deuxième guerre de l'Abîme
  from:-48 till:-47 text:"-48"
    </div>
  from:-47 till:-46 text:"-47"
  from:-15 till:-14 text:"-15"
  from:-4 till:0 text:"-4 à 0"


    <a href="https://fr.wikipedia.org/wiki/Arkadia" target="_blank" class="segment"
  bar:Guerre
      style="left: 70.0000%; width: 2.0000%; background: #F59787;"
  color:red
      title="Bataille de Riddermark — Wikipédia">
  from:-49 till:-35 text:"-49 à -35"
    </a>
  from:-15 till:-0 text:"-15 à 0"
    <div class="event-label" style="left: 71.0000%;">
      Bataille de Riddermark
    </div>


    <a href="https://fr.wikipedia.org/wiki/Arkadia" target="_blank" class="segment"
  barset:Ev1
      style="left: 92.0000%; width: 2.0000%; background: #F59787;"
  at:-50 text:"[[-50 - Signature du Traité d’El Dorado]]"
      title="Dernier carrée de Primordia — Wikipédia">
  at:-49 text:"[[-49 à -35 - Bataille du Royaume Céleste]]"
    </a>
  at:-48 text:"[[-48 - Massacre de la Forge]]"
    <div class="event-label" style="left: 93.0000%;">
  at:-47 text:"[[-47 - Invasion de Nocturna]]"
      Dernier carrée de Primordia
  at:-15 text:"[[-15 - Bataille de Riddermark]]"
    </div>
  at:-14 text:"[[-15 à 0 - Deuxième Guerre de l'Abîme]]"
  at:-4 text:"[[-4 à 0 - Dernier carrée de Primordia ]]
</timeline>


    <a href="https://fr.wikipedia.org/wiki/Arkadia" target="_blank" class="segment"
      style="left: 94.0000%; width: 2.0000%; background: #white;"
      title="-4 à 0 — Wikipédia">
    </a>
    <div class="event-label" style="left: 95.0000%;">
      -4 à 0
    </div>


    <div class="tick tick-extreme" style="left: 0.0000%;">
<timeline>
      An -50
DateFormat = yyyy
    </div>
ImageSize = width:800 height:auto barincrement:25
PlotArea = left:20 right:40 bottom:30 top:25


    <div class="tick" style="left: 4.0000%;">
Colors =
      -48
  id:Bataille value:magenta
    </div>
  id:ArriveRetour value:powderblue
  id:ApparitionExpedition value:brightgreen
  id:lightgrey value:gray(0.9)
  id:darkgrey value:gray(0.1)
  id:canvas value:rgb(0.97,0.97,0.97)
  id:grid1 value:rgb(0.80,0.80,0.80)
  id:grid2 value:rgb(0.90,0.90,0.90)


    <div class="tick" style="left: 6.0000%;">
Period = from:-2840 till:-2749
      -47
TimeAxis = orientation:horizontal format:yyyy
    </div>
ScaleMinor = unit:year increment:5 start:-2840 gridcolor:grid2
ScaleMajor = unit:year increment:10 start:-2840 gridcolor:grid1
AlignBars = justify


    <div class="tick" style="left: 2.0000%;">
BackgroundColors = canvas:white bars:white
      -49
    </div>


    <div class="tick" style="left: 30.0000%;">
BarData=
      -35
  bar:Titlebar
    </div>
  bar:ArriveRetour
  bar:ApparitionExpedition
  bar:Bataille
  bar:Guerre
  barset:Ev1


    <div class="tick" style="left: 70.0000%;">
PlotData=
      -15
  width:25 fontsize:S textcolor:black align:center
    </div>


    <div class="tick tick-extreme" style="left: 100.0000%;">
  bar:Titlebar color:lightgrey shift:(0,-3)
      An 0
  from:start till:end text:"[[L'âge des Héros]]"
    </div>
  width:30 fontsize:S textcolor:black anchor:from align:left


    <div class="tick" style="left: 70.0000%;">
  bar:ArriveRetour
      -15
  color:ArriveRetour
    </div>
  from:-2840 till:-2839 text:"-2840"  
  from:-2818 till:-2817 text:"-2818"
  from:-2750 till:-2749 text:"-2749"


    <div class="tick" style="left: 92.0000%;">
  bar:ApparitionExpedition
      -4
  color:ApparitionExpedition
    </div>
 
  bar:Bataille
  color:Bataille
  from:-2798 till:-2797 text:"-2798"


    <div class="tick tick-extreme" style="left: 100.0000%;">
      An 0
    </div>


   </div>
   bar:Guerre
</div>
  color:red
  from:-2817 till:-2816 text:"-2817"
  from:-2797 till:-2796 text:"-2797"
  barset:Ev1
  at:-2840 text:"[[-2840 - Naissance des six]]"
  at:-2818 text:"[[-2818 - Creation de l'ordre des six]]"
  at:-2817 text:"[[-2817 - Premiere guerre des abimes]]"
  at:-2798 text:"[[-2798 - Bataille du coeur profané]]"
  at:-2797 text:"[[-2797 - Siège de solitude]]"
  at:-2796 text:"[[-2797 - Bataille fratricide]]"
  at:-2755 text:"[[-2750 - Creation des maisons]]
</timeline>


<p style="text-align: left; margin-top: 80px; color: #555; font-size: 2.05rem;">
</p>


</body>
<timeline>
DateFormat = yyyy
ImageSize = width:800 height:auto barincrement:18
PlotArea = left:20 right:40 bottom:30 top:18
 
Colors =
  id:Bataille value:magenta
  id:ArriveRetour value:powderblue
  id:ApparitionExpedition value:brightgreen
  id:lightgrey value:gray(0.9)
  id:darkgrey value:gray(0.1)
  id:canvas value:rgb(0.97,0.97,0.97)
  id:grid1 value:rgb(0.80,0.80,0.80)
  id:grid2 value:rgb(0.90,0.90,0.90)
 
Period = from:-2700 till:-50
TimeAxis = orientation:horizontal format:yyyy
ScaleMinor = unit:year increment:200 start:-2700 gridcolor:grid2
ScaleMajor = unit:year increment:100 start:-2700 gridcolor:grid1
AlignBars = justify
 
BackgroundColors = canvas:white bars:white
 
BarData=
  bar:Titlebar
  bar:Bataille
  bar:ArriveRetour
  bar:ApparitionExpedition
  bar:Guerre
  barset:Ev1
 
PlotData=
  width:25 fontsize:S textcolor:black align:center
 
  bar:Titlebar color:lightgrey shift:(0,-3)
  from:start till:end text:"[[L'age de la ruine]]"
  width:30 fontsize:S textcolor:black anchor:from align:left
 
  bar:ArriveRetour
  from:-2700 till:-2680 color:ArriveRetour
  from:-2499 till:-2479 color:Bataille
  from:-2475 till:-2455 color:Bataille
  from:-1799 till:-1779 color:Bataille
  from:-1000 till:-980 color:Bataille
 
  bar:ApparitionExpedition
  color:ApparitionExpedition
 
  bar:Guerre
  color:red
  from:-1458 till:-1428
 
  barset:Ev1
  at:-2700 text:"[[-2700 - Signature du traite d'Espando]]"
  at:-2499 text:"[[-2499 - Bataille des trois rivieres]]"
  at:-2475 text:"[[-2475 - Bataille d'Espandor]]"
  at:-1799 text:"[[-1799 - Operation Nether]]"
  at:-1458 text:"[[-1458 a -1428 - Purge de Nerata]]"
  at:-1000 text:"[[-1000 - Arrive de Shaxx et Epreuve de Fer]]"
  at:-954 text:"[[-954 - Revolte des Batards - Bataille des Champs-Brules]]"
 
</timeline>
== Frise Chronologique ==
 
<timeline>
DateFormat = yyyy
ImageSize = width:1200 height:auto barincrement:25
PlotArea = left:20 right:40 bottom:30 top:25
 
Colors =
  id:Bataille value:magenta
  id:ArriveRetour value:powderblue
  id:ApparitionExpedition value:brightgreen
  id:lightgrey value:gray(0.9)
  id:darkgrey value:gray(0.1)
  id:canvas value:rgb(0.97,0.97,0.97)
  id:grid1 value:rgb(0.80,0.80,0.80)
  id:grid2 value:rgb(0.90,0.90,0.90)
 
Period = from:-2840 till:0
TimeAxis = orientation:horizontal format:yyyy
ScaleMinor = unit:year increment:50 start:-2840 gridcolor:grid2
ScaleMajor = unit:year increment:100 start:-2840 gridcolor:grid1
AlignBars = justify
 
BackgroundColors = canvas:white bars:white
 
BarData=
  bar:Titlebar
  bar:ArriveRetour
  bar:ApparitionExpedition
  bar:Bataille
  bar:Guerre
  barset:Ev1
 
PlotData=
  width:25 fontsize:S textcolor:black align:center
 
  bar:Titlebar color:lightgrey shift:(0,-3)
  from:start till:end text:"[[Ancienne Arkadia]]"
  width:30 fontsize:S textcolor:black anchor:from align:left
 
  bar:ArriveRetour
  color:ArriveRetour
  from:-2840 till:-2839
  from:-2818 till:-2817
  from:-2750 till:-2749
  from:-2700 till:-2680 color:ArriveRetour
  from:-2499 till:-2479 color:Bataille
  from:-2475 till:-2455 color:Bataille
  from:-1799 till:-1779 color:Bataille
  from:-1000 till:-980 color:Bataille
  from:-50 till:-49
 
  bar:ApparitionExpedition
  color:ApparitionExpedition
 
  bar:Bataille
  color:Bataille
  from:-2798 till:-2797
  from:-48 till:-47
  from:-47 till:-46
  from:-15 till:-14
  from:-4 till:0
 
  bar:Guerre
  color:red
  from:-2817 till:-2816
  from:-2797 till:-2796
  from:-1458 till:-1428
  from:-49 till:-35
  from:-15 till:-0
 
  barset:Ev1
  at:-2840 text:"[[-2840 - Naissance des six]]"
  at:-2818 text:"[[-2818 - Creation de l'ordre des six]]"
  at:-2817 text:"[[-2817 - Premiere guerre des abimes]]"
  at:-2798 text:"[[-2798 - Bataille du coeur profané]]"
  at:-2797 text:"[[-2797 - Siège de solitude]]"
  at:-2796 text:"[[-2797 - Bataille fratricide]]"
  at:-2755 text:"[[-2750 - Creation des maisons]]
  at:-2700 text:"[[-2700 - Signature du traite d'Espando]]"
  at:-2499 text:"[[-2499 - Bataille des trois rivieres]]"
  at:-2475 text:"[[-2475 - Bataille d'Espandor]]"
  at:-1799 text:"[[-1799 - Operation Nether]]"
  at:-1458 text:"[[-1458 a -1428 - Purge de Nerata]]"
  at:-1000 text:"[[-1000 - Arrive de Shaxx et Epreuve de Fer]]"
  at:-954 text:"[[-954 - Revolte des Batards - Bataille des Champs-Brules]]"
  at:-300 text:"[[-50 - Signature du Traité d’El Dorado]]"
  at:-290 text:"[[-49 à -35 - Bataille du Royaume Céleste]]"
  at:-280 text:"[[-48 - Massacre de la Forge]]"
  at:-270 text:"[[-47 - Invasion de Nocturna]]"
  at:-260 text:"[[-15 - Bataille de Riddermark]]"
  at:-250 text:"[[-15 à 0 - Deuxième Guerre de l'Abîme]]"
  at:-240 text:"[[-4 à 0 - Dernier carrée de Primordia ]]
</timeline>

Dernière version du 17 avril 2026 à 15:51

-4 à 0 - Dernier carrée de Primordia-15 à 0 - Deuxième Guerre de l'Abîme-15 - Bataille de Riddermark-47 - Invasion de Nocturna-48 - Massacre de la Forge-49 à -35 - Bataille du Royaume Céleste-50 - Signature du Traité d’El DoradoL'âge de La Plénitude


-2750 - Creation des maisons-2797 - Bataille fratricide-2797 - Siège de solitude-2798 - Bataille du coeur profané-2817 - Premiere guerre des abimes-2818 - Creation de l'ordre des six-2840 - Naissance des sixL'âge des Héros


-954 - Revolte des Batards - Bataille des Champs-Brules-1000 - Arrive de Shaxx et Epreuve de Fer-1458 a -1428 - Purge de Nerata-1799 - Operation Nether-2475 - Bataille d'Espandor-2499 - Bataille des trois rivieres-2700 - Signature du traite d'EspandoL'age de la ruine

Frise Chronologique

-4 à 0 - Dernier carrée de Primordia-15 à 0 - Deuxième Guerre de l'Abîme-15 - Bataille de Riddermark-47 - Invasion de Nocturna-48 - Massacre de la Forge-49 à -35 - Bataille du Royaume Céleste-50 - Signature du Traité d’El Dorado-954 - Revolte des Batards - Bataille des Champs-Brules-1000 - Arrive de Shaxx et Epreuve de Fer-1458 a -1428 - Purge de Nerata-1799 - Operation Nether-2475 - Bataille d'Espandor-2499 - Bataille des trois rivieres-2700 - Signature du traite d'Espando-2750 - Creation des maisons-2797 - Bataille fratricide-2797 - Siège de solitude-2798 - Bataille du coeur profané-2817 - Premiere guerre des abimes-2818 - Creation de l'ordre des six-2840 - Naissance des sixAncienne Arkadia
Récupérée de "https://wiki.gameofarkadia.net/index.php?title=Frise_test&oldid=760"