modifs

3 years ago · e02db0f8fd
parent fb49f2d007
commit e02db0f8fd
4 changed files with 660 additions and 156 deletions
--- a/lesmissions.html
+++ b/lesmissions.html
--- a/map.html
+++ b/map.html
@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+  <head>
+  	<meta charset="utf-8">
+  	<meta name="viewport" content="width=device-width, initial-scale=1">
+  	<title>Korogu map</title>
+  	<link rel="stylesheet" href="zelda.css" type="text/css" media="screen" />
+  </head>
+  <body class="bg">
+
+    <a class="button" href="index.html">Home</a>
+    <h1>La map </h1>
+    <p>
+        Sur cette map, vous trouverez beaucoup d'informations qui pourrons vous
+        aider et notamment l'emplacement des 900 noix Korogus, de tous les monstres,
+        les coffres, les matériaux et bien d'autres !
+    </p>
+    <div class="text">
+        <iframe class="korokmap" id="iFrameKorokMap" title="Korok Map" src="https://zeldamaps.com/?game=BotW">
+      </iframe>
+    </div>
+
+
+
+
+
+
+
+
+
+
+
+  </body>
+</html>
--- a/missions.css
+++ b/missions.css
@ -0,0 +1,29 @@
+/*Donne ces caractéristiques aux vidéos intégrées par iframe*/
+iframe{
+	modestbranding:1;
+	showinfo:0;
+	width:auto;
+	height:100%;
+}
+
+
+/*Permet à l'item "Zelda Breath of The Wild" d'être rapproché du menu*/
+.flex{
+	display:flex;
+	justify-content: space-around;
+	align-items:baseline;
+	flex-direction:row;
+	margin-bottom: -2px;
+	flex-wrap: wrap;
+}
+
+/*Permet d'afficher de la sorte chaque vidéo et sa description*/
+.item{
+  width: 565px;
+  text-align:center;
+  display:block;
+  background-color: transparent;
+  border: 1px solid transparent;
+  margin-bottom: 1px;
+  float:left;
+}
--- a/objects.css
+++ b/objects.css
@ -0,0 +1,56 @@
+
+/*Caractéristiques des images tenues afin de les afficher dans le tableau*/
+.tenue{
+	display:block;
+	margin-left:auto;
+	margin-right:auto;
+	max-width: 100%;
+	height: auto;
+}
+
+/*permet de faire un meilleur affichage de cases du tableau*/
+.tab{
+	text-align: center;
+	table-layout: center;
+	width:73%
+}
+
+/*classe utilisée dans objects.html afin d'afficher le menu sur la droite*/
+.fixed{
+	right:20px;
+	top: 20px;
+	position: fixed;
+}
+
+/*le bouton stylisé*/
+.dropbtno{
+	display: block;
+	width: 128px;
+	color: rgb(90,180,185);
+	text-shadow: 2px 2px 14px #76d09c ;
+	background-color: black;
+	font-size: 100%;
+	font-family: fangsong;
+	cursor:pointer;
+	text-decoration: none;
+	border-radius: 10px/5px;
+}
+
+.dropdown-content .button{
+	background-color: transparent;
+	border : 0px hidden white;
+}
+
+.dropdown .dropbtno{
+	color: rgb(152,251,152);
+}
+
+
+img:hover:after{
+	content:attr(title);
+	position: absolute;
+  width:200px;
+  height:1.25rem;
+  background-color: blue;
+  color:white;
+}