« 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
Aucun résumé des modifications
 
(141 versions intermédiaires par le même utilisateur non affichées)
Ligne 1 : Ligne 1 :
<style>
.timeline-wrapper {
  position: relative;
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
}
.timeline {
  position: relative;
  height: 100px;
  background: #FFFFFF;
  border: 5px solid #000;
  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;
}
.event-label {
  position: absolute;
  bottom: -250px;
  width: 450px;
  left: 50%;
  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>


<div class="timeline-wrapper">
<timeline>
  <div class="timeline">
DateFormat = yyyy
ImageSize = width:800 height:auto barincrement:25
PlotArea = left:20 right:40 bottom:30 top:25


    <a href="https://fr.wikipedia.org/wiki/Arkadia" target="_blank" class="segment"
Colors =
      style="left: 0%; width: 2%; background: #83e7be;" title="Signature du Traité d’El Dorado"></a>
  id:Bataille value:magenta
    <div class="event-label" style="left: 1%;">Signature du Traité d’El Dorado</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)


    <a href="https://fr.wikipedia.org/wiki/Arkadia" target="_blank" class="segment"
Period = from:-50 till:0
      style="left: 16%; width: 2%; background: white;" title="-49 à -35"></a>
TimeAxis = orientation:horizontal format:yyyy
    <div class="event-label" style="left: 17%;">-49 à -35</div>
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/Guerre" target="_blank" class="segment"
BackgroundColors = canvas:white bars:white
      style="left: 2%; width: 28%; background: #F59787;" title="Bataille du Royaume Céleste"></a>
    <div class="event-label" style="left: 16%;">Bataille du Royaume Céleste</div>


    <a href="https://fr.wikipedia.org/wiki/Arkadia" target="_blank" class="segment"
BarData=
      style="left: 4%; width: 2%; background: #FA5050;" title="Massacre de la forge"></a>
  bar:Titlebar
    <div class="event-label" style="left: 5%;">Massacre de la forge</div>
  bar:ArriveRetour
  bar:ApparitionExpedition
  bar:Bataille
  bar:Guerre
  barset:Ev1


    <a href="https://fr.wikipedia.org/wiki/Arkadia" target="_blank" class="segment"
PlotData=
      style="left: 6%; width: 2%; background: #F57C64;" title="Invasion de Nocturna"></a>
  width:25 fontsize:S textcolor:black align:center
    <div class="event-label" style="left: 7%;">Invasion de Nocturna</div>


    <a href="https://fr.wikipedia.org/wiki/Guerre" target="_blank" class="segment"
  bar:Titlebar color:lightgrey shift:(0,-3)
      style="left: 70%; width: 30%; background: #FA5050;" title="Deuxième guerre de l'Abîme"></a>
  from:start till:end text:"[[L'âge de La Plénitude]]"
    <div class="event-label" style="left: 85%;">Deuxième guerre de l'Abîme</div>
  width:30 fontsize:S textcolor:black anchor:from align:left


    <a href="https://fr.wikipedia.org/wiki/Arkadia" target="_blank" class="segment"
  bar:ArriveRetour
      style="left: 70%; width: 2%; background: #F59787;" title="Bataille de Riddermark"></a>
  color:ArriveRetour
    <div class="event-label" style="left: 71%;">Bataille de Riddermark</div>
  from:-50 till:-49 text:"-50"  


    <a href="https://fr.wikipedia.org/wiki/Arkadia" target="_blank" class="segment"
  bar:ApparitionExpedition
      style="left: 92%; width: 2%; background: #F59787;" title="Dernier carré de Primordia"></a>
  color:ApparitionExpedition
    <div class="event-label" style="left: 93%;">Dernier carré de Primordia</div>
 
  bar:Bataille
  color:Bataille
  from:-48 till:-47 text:"-48"
  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: 94%; width: 2%; background: white;" title="-4 à 0"></a>
  color:red
    <div class="event-label" style="left: 95%;">-4 à 0</div>
  from:-49 till:-35 text:"-49 à -35"
  from:-15 till:-0 text:"-15 à 0"


    <div class="tick tick-extreme" style="left: 0%;">An -50</div>
  barset:Ev1
    <div class="tick" style="left: 2%;">-49</div>
  at:-50 text:"[[-50 - Signature du Traité d’El Dorado]]"
    <div class="tick" style="left: 4%;">-48</div>
  at:-49 text:"[[-49 à -35 - Bataille du Royaume Céleste]]"
    <div class="tick" style="left: 6%;">-47</div>
  at:-48 text:"[[-48 - Massacre de la Forge]]"
    <div class="tick" style="left: 30%;">-35</div>
  at:-47 text:"[[-47 - Invasion de Nocturna]]"
    <div class="tick" style="left: 70%;">-15</div>
  at:-15 text:"[[-15 - Bataille de Riddermark]]"
    <div class="tick tick-extreme" style="left: 100%;">An 0</div>
  at:-14 text:"[[-15 à 0 - Deuxième Guerre de l'Abîme]]"
    <div class="tick" style="left: 92%;">-4</div>
  at:-4 text:"[[-4 à 0 - Dernier carrée de Primordia ]]
</timeline>


   </div>
 
</div>
<timeline>
DateFormat = yyyy
ImageSize = width:800 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:-2749
TimeAxis = orientation:horizontal format:yyyy
ScaleMinor = unit:year increment:5 start:-2840 gridcolor:grid2
ScaleMajor = unit:year increment:10 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:"[[L'âge des Héros]]"
  width:30 fontsize:S textcolor:black anchor:from align:left
 
  bar:ArriveRetour
  color:ArriveRetour
  from:-2840 till:-2839 text:"-2840"
  from:-2818 till:-2817 text:"-2818"
  from:-2750 till:-2749 text:"-2749"
 
  bar:ApparitionExpedition
  color:ApparitionExpedition
 
  bar:Bataille
  color:Bataille
  from:-2798 till:-2797 text:"-2798"
 
 
  bar:Guerre
  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>
 
 
<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"