Pauline/NDI-2020
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

menu

Browse Source
This commit is contained in:
MathieuRethers 2020-12-04 00:04:26 +01:00
parent cbc35000e7
commit f6decde6b4
4 changed files with 161 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
css/index.css
View File

@ -0,0 +1,9 @@
body
{
font-style: normal;
font-family: 'Montserrat', sans-serif;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}

76
css/menu.css
View File

@ -0,0 +1,76 @@
#lineMenu
{
list-style-type: none;
overflow: hidden;
background-color: #0064b5;
height: 49px;
margin: 0px;
padding: 0px;
}
.colonneMenu
{
float: left;
font-size: 17px;
padding: 14px 20px;
background-color: transparent;
color: white;
transition: background-color 0.2s, padding 0.2s, font-size 0.2s,transform 0.2s;
cursor: pointer;
}
.animationButtonMenu:hover
{
background-color: #0073be;
font-size: 19px;
padding: 13px 17px;
}
a
{
color: white;
text-decoration: none;
}
#lineSign
{
list-style-type: none;
overflow: hidden;
background-color: #0073be;
height: 35px;
margin: 0px;
padding: 0px;
}
.colonneSign
{
float: right;
font-size: 15px;
padding: 10px 8px;
background-color: transparent;
color: white;
transition: font-size 0.2s,transform 0.2s;
cursor: pointer;
}
.underLineHover:after
{
display: block;
width: 0;
height: 2px;
background-color: white;
bottom: -10px;
content: "";
transition: width 0.2s;
}
.underLineHover:hover
{
}
.underLineHover:hover:after
{
width: 100%;
}

39
index.html
View File

@ -0,0 +1,39 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="css/index.css">
<link rel="stylesheet" href="css/menu.css">
</head>
<body>
<!--Block de connexion et d'inscription-->
<div id="blockSign">
<ul id="lineSign">
<li class="colonneSign">
<a class="underLineHover">Connexion</a>
</li>
<li class="colonneSign">
<a class="underLineHover">Inscription</a>
</li>
</ul>
</div>
<!--Block de Menu-->
<nav id="blockMenu">
<ul id="lineMenu">
<li class="colonneMenu animationButtonMenu underLineHover">
<a>Acceuil</a>
</li>
<li class="colonneMenu animationButtonMenu underLineHover">
<a>Profil</a>
</li>
<li class="colonneMenu animationButtonMenu underLineHover">
<a>Météo</a>
</li>
</ul>
</nav>
</body>
</html>

37
menu.html Normal file
View File

@ -0,0 +1,37 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="css/index.css">
<link rel="stylesheet" href="css/menu.css">
</head>
<body>
<!--Block de connexion et d'inscription-->
<div id="blockSign">
<ul id="lineSign">
<li class="colonneSign">
<a class="underLineHover">Connexion</a>
</li>
<li class="colonneSign">
<a class="underLineHover">Inscription</a>
</li>
</ul>
</div>
<!--Block de Menu-->
<nav id="blockMenu">
<ul id="lineMenu">
<li class="colonneMenu animationButtonMenu underLineHover">
<a>Acceuil</a>
</li>
<li class="colonneMenu animationButtonMenu underLineHover">
<a>Profil</a>
</li>
<li class="colonneMenu animationButtonMenu underLineHover">
<a>Météo</a>
</li>
</ul>
</nav>
</body>
</html>