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

mise a jour du menu

Browse Source
This commit is contained in:
MathieuRethers 2020-12-04 02:42:16 +01:00
parent 6b3bd149db
commit a533400a3e
4 changed files with 47 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
css/menu.css
View File

@ -1,8 +1,14 @@
#blockMenu
{
float: right;
width: 95%;
}
#lineMenu
{
list-style-type: none;
overflow: hidden;
background-color: #0064b5;
background-color: #0073be;
height: 49px;
margin: 0px;
padding: 0px;
@ -15,42 +21,31 @@
padding: 14px 20px;
background-color: transparent;
color: white;
transition: background-color 0.2s, padding 0.2s, font-size 0.2s,transform 0.2s;
transition: background-color 0.1s, padding 0.1s, font-size 0.1s,transform 0.2s;
cursor: pointer;
}
.animationButtonMenu:hover
{
background-color: #0073be;
background-color: #197abb;
font-size: 19px;
padding: 13px 17px;
}
aMenu
.aMenu
{
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;
font-size: 17px;
padding: 14px 20px;
background-color: transparent;
color: white;
transition: font-size 0.2s,transform 0.2s;
transition: background-color 0.2s, padding 0.2s, font-size 0.2s,transform 0.2s;
cursor: pointer;
}
@ -69,3 +64,24 @@ aMenu
{
width: 100%;
}
#blockLogo
{
float: left;
width: 5%;
}
#logo
{
width: 100%;
height: 110px;
}
#blockDeco
{
width: 95%;
height: 10px;
float: right;
background-color: #5496c2;
}

BIN
img/logo.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 95 KiB

BIN
img/logoV2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 68 KiB

26
menu.html
View File

@ -5,33 +5,33 @@
<meta charset="UTF-8">
<link rel="stylesheet" href="css/index.css">
<link rel="stylesheet" href="css/menu.css">
<title></title>
</head>
<body>
<!--Block de connexion et d'inscription-->
<div id="blockSign">
<ul id="lineSign">
<li class="colonneSign">
<a class="aMenu underLineHover">Connexion</a>
</li>
<li class="colonneSign">
<a class="aMenu underLineHover">Inscription</a>
</li>
</ul>
<div id="blockLogo">
<img id="logo" src="img/logoV2.jpg">
</div>
<!--Block de Menu-->
<nav id="blockMenu">
<ul id="lineMenu">
<li class="colonneMenu animationButtonMenu underLineHover">
<a class="aMenu">Acceuil</a>
<a class="aMenu" href="#">Acceuil</a>
</li>
<li class="colonneMenu animationButtonMenu underLineHover">
<a class="aMenu">Profil</a>
<a class="aMenu" href="#">Profil</a>
</li>
<li class="colonneMenu animationButtonMenu underLineHover">
<a class="aMenu">Météo</a>
<a class="aMenu" href="#">Météo</a>
</li>
<li class="colonneSign animationButtonMenu underLineHover">
<a class="aMenu" href="connexion.html">Connexion</a>
</li>
<li class="colonneSign animationButtonMenu underLineHover">
<a class="aMenu" href="inscription.html">Inscription</a>
</li>
</ul>
</nav>
<div id="blockDeco"></div>
</body>
</html>