5 changed files with 252 additions and 2 deletions
@ -1,2 +1,2 @@ |
|||||
# siteWeb |
# siteWeb |
||||
|
|
||||
|
|||||
|
After Width: | Height: | Size: 20 KiB |
@ -0,0 +1,104 @@ |
|||||
|
<!DOCTYPE html> |
||||
|
<html lang="fr"> |
||||
|
<head> |
||||
|
<title>Minecraft</title> |
||||
|
<meta charset="utf-8"> |
||||
|
<link href="stylepage.css" rel="stylesheet"> |
||||
|
</head> |
||||
|
<body> |
||||
|
<div class="fond"> |
||||
|
<div class="imageT"> |
||||
|
<img src="LogoMinecraft.JPG" alt="Logo Minecraft" width="900" height="100"> |
||||
|
</div> |
||||
|
<nav> |
||||
|
<ul> |
||||
|
<li class="deroulant"><a href="Minecraft.html">Accueil</a></li> |
||||
|
</ul> |
||||
|
<ul> |
||||
|
<li class="deroulant"><a href="#">Les Bases</a> |
||||
|
<ul class="sous"> |
||||
|
<li> <a href="ChoisirSaVersion.html">Changer de version</a> </li> |
||||
|
<li> <a href="CréerUnMonde.html">Création d'un monde</a> </li> |
||||
|
</ul> |
||||
|
</li> |
||||
|
</ul> |
||||
|
<ul> |
||||
|
<li class="deroulant"><a href="LesAjouts.html">Les mises à jours</a></li> |
||||
|
</ul> |
||||
|
<ul> |
||||
|
<li class="deroulant"><a href="Speedrun.html">Les Speedruns</a></li> |
||||
|
</ul> |
||||
|
</nav> |
||||
|
<h1>Les speedruns</h1> |
||||
|
<div class="txtP"> |
||||
|
<p>La communautée de Minecraft fait des speedruns: L'objectif d'un speedrun est de finir le jeu le plus vite possible, il existe plusieurs catégories mais la plus connue est le any%.</p> |
||||
|
<p>Le random seed (RS)est un monde créer avec une graine de génération aléatoire</p> |
||||
|
<p>Le set seed (SS) est un monde créer avec une graine de génération choisit afin de pouvoir s'entrainer</p> |
||||
|
</div> |
||||
|
<h2>Any%</h2> |
||||
|
<div class="txtT"> |
||||
|
<p>Le speedrun any% consiste à finir le jeu le plus rapidement possible</p> |
||||
|
</div> |
||||
|
<h3>Any% set seed</h3> |
||||
|
<div class="imageT"> |
||||
|
<video src="Any%SetSeed.mp4" width="1200" height="675" controls poster="Any%SetSeed.jpg"> |
||||
|
Cette vidéo ne peut être affichée sur votre navigateur Internet.<br> |
||||
|
</video> |
||||
|
<h3>Any% random seed</h3> |
||||
|
<div class="imageT"> |
||||
|
<video src="Any%RandomSeed.mp4" width="1200" height="675" controls poster="Any%RandomSeed.jpg"> |
||||
|
Cette vidéo ne peut être affichée sur votre navigateur Internet.<br> |
||||
|
</video> |
||||
|
</div> |
||||
|
|
||||
|
<h2>Advancement%</h2> |
||||
|
<div class="txtT"> |
||||
|
<p>La catégorie advancement% consiste à réussir tous les succes du jeu le plus rapidement possible</p> |
||||
|
</div> |
||||
|
<a href="https://www.twitch.tv/videos/873050608?t=0h0m1s%2F%3Ftt_content%3Dtwitch_logo">Speedrun advencement</a> |
||||
|
|
||||
|
<h2>All Bosses</h2> |
||||
|
<div class="txtT"> |
||||
|
<p>Le speedrun all bosses consiste à tuer les 3 bosses du jeux le plus rapidement possible</p> |
||||
|
</div> |
||||
|
<h3>AllBosses SS</h3> |
||||
|
<div class="imageT"> |
||||
|
<video src="AllBosse%SetSeed.mp4" width="1200" height="675" controls poster="AllBosse%SetSeed.jpg"> |
||||
|
Cette vidéo ne peut être affichée sur votre navigateur Internet.<br> |
||||
|
</video> |
||||
|
</div> |
||||
|
<h3>AllBosse RS</h3> |
||||
|
<div class="imageT"> |
||||
|
<video src="AllBosse%RandomSeed.mp4" width="1200" height="675" controls poster="AllBosse%RandomSeed.jpg"> |
||||
|
Cette vidéo ne peut être affichée sur votre navigateur Internet.<br> |
||||
|
</video> |
||||
|
</div> |
||||
|
<h2>How did we get here</h2> |
||||
|
<div class="txtT"> |
||||
|
<p>"How did we get here" est un succes que l'on obtient en ayant tous les effets du jeu en même temps. Le speedrun How did we get here consiste à obtenir ce succes le plus rapidement possible</p> |
||||
|
<a href="https://www.twitch.tv/videos/805578606?t=0h0m1s%2F%3Ftt_content%3Dtwitch_logo">Speedrun How did we get here</a> |
||||
|
</div> |
||||
|
|
||||
|
<h2>Hero of village</h2> |
||||
|
<div class="txtT"> |
||||
|
<p>"Hero of village" est un succes que l'on obtient en sauvant un village d'un raid. Le speedrun Hero of village consiste à obtenir ce succes le plus rapidement possible</p> |
||||
|
</div> |
||||
|
<h3>Hero of village SS</h3> |
||||
|
<div class="imageT"> |
||||
|
<video src="HeroVillageSetSeed.mp4" width="1200" height="675" controls poster="HeroVillageSetSeed.jpg"> |
||||
|
Cette vidéo ne peut être affichée sur votre navigateur Internet.<br> |
||||
|
</video> |
||||
|
</div> |
||||
|
<h3>Hero of village RS</h3> |
||||
|
<div class="imageT"> |
||||
|
<video src="HeroVillageRandomSeed.mp4" width="1200" height="675" controls poster="HeroVillageRandomSeed.jpg"> |
||||
|
Cette vidéo ne peut être affichée sur votre navigateur Internet.<br> |
||||
|
</video> |
||||
|
</div> |
||||
|
<div class="imageT"> |
||||
|
<a href="Speedrun.html"><img src="Haut.JPG" alt="Haut de page" width="100" height="100"></a> |
||||
|
<p></p> |
||||
|
</div> |
||||
|
</div> |
||||
|
</body> |
||||
|
</html> |
||||
|
After Width: | Height: | Size: 336 KiB |
@ -0,0 +1,146 @@ |
|||||
|
|
||||
|
body |
||||
|
{ |
||||
|
font-size: 1.1em; |
||||
|
background-image: url(Dirt_fond.jpg); |
||||
|
|
||||
|
} |
||||
|
|
||||
|
.fond |
||||
|
{ |
||||
|
margin-left: 150px; |
||||
|
margin-right: 150px; |
||||
|
margin-top: -10px; |
||||
|
margin-bottom: -20px; |
||||
|
background:black; |
||||
|
} |
||||
|
.imageT |
||||
|
{ |
||||
|
text-align: center; |
||||
|
padding-top: 100px; |
||||
|
padding-bottom: 20px; |
||||
|
} |
||||
|
|
||||
|
h1 |
||||
|
{ |
||||
|
text-align:center; |
||||
|
padding-top:100px; |
||||
|
color:white; |
||||
|
} |
||||
|
h2 |
||||
|
{ |
||||
|
text-align:center; |
||||
|
color:white; |
||||
|
} |
||||
|
h3 |
||||
|
{ |
||||
|
text-align:center; |
||||
|
color:white; |
||||
|
} |
||||
|
.txtP |
||||
|
{ |
||||
|
padding-top:100px; |
||||
|
padding-left:200px; |
||||
|
padding-right: 200px; |
||||
|
padding-bottom: 50px; |
||||
|
color:white; |
||||
|
|
||||
|
} |
||||
|
.txtT |
||||
|
{ |
||||
|
padding-top:50px; |
||||
|
padding-left:200px; |
||||
|
padding-right: 200px; |
||||
|
padding-bottom: 50px; |
||||
|
text-align:center; |
||||
|
color:white; |
||||
|
} |
||||
|
nav |
||||
|
{ |
||||
|
width:70%; |
||||
|
margin:0 auto; |
||||
|
background-color:black; |
||||
|
top:20px; |
||||
|
text-align:center; |
||||
|
} |
||||
|
|
||||
|
nav ul |
||||
|
{ |
||||
|
list-style-type:none; |
||||
|
display: inline-block; |
||||
|
} |
||||
|
|
||||
|
nav ul li |
||||
|
{ |
||||
|
float:left; |
||||
|
width:auto; |
||||
|
text-align:center; |
||||
|
} |
||||
|
|
||||
|
nav ul::after |
||||
|
{ |
||||
|
content:""; |
||||
|
display:table; |
||||
|
clear:both; |
||||
|
} |
||||
|
|
||||
|
nav a |
||||
|
{ |
||||
|
display:inline-block; |
||||
|
text-decoration:none; |
||||
|
color:white; |
||||
|
border-bottom:2px solid transparent; |
||||
|
padding:10px 0px; |
||||
|
} |
||||
|
|
||||
|
nav a:hover |
||||
|
{ |
||||
|
color:orange; |
||||
|
border-bottom:2px solid gold; |
||||
|
} |
||||
|
|
||||
|
.sous |
||||
|
{ |
||||
|
display:none; |
||||
|
box-shadow: 0px 1px 2px #CCC; |
||||
|
background-color:black; |
||||
|
} |
||||
|
|
||||
|
nav> ul li:hover .sous |
||||
|
{ |
||||
|
display:block; |
||||
|
} |
||||
|
|
||||
|
.sous li |
||||
|
{ |
||||
|
float:none; |
||||
|
width:auto; |
||||
|
text-align:left; |
||||
|
} |
||||
|
|
||||
|
.sous a |
||||
|
{ |
||||
|
padding:10px; |
||||
|
border-bottom:none; |
||||
|
} |
||||
|
|
||||
|
.sous a:hover |
||||
|
{ |
||||
|
border-bottom:none; |
||||
|
background-color:black; |
||||
|
} |
||||
|
|
||||
|
.deroulant > a::after |
||||
|
{ |
||||
|
font-size: 12px |
||||
|
} |
||||
|
|
||||
|
.sous |
||||
|
{ |
||||
|
display:none; |
||||
|
box-shadow:0px 1px 2px #CCC; |
||||
|
background-color:black; |
||||
|
position:absolute; |
||||
|
width:auto; |
||||
|
z-index: 1000 |
||||
|
} |
||||
Loading…
Reference in new issue