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