quarante-douze/qdouze-wordpress-theme
Archived
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

improve main navbar

Browse source
This commit is contained in:
Kazhnuz 2018-08-16 15:28:23 +02:00
parent ac1ccd1e27
commit d0a1e99755
2 changed files with 24 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
css/style.css
View file

@ -40,6 +40,11 @@ header h1 {
text-align:center; text-align:center;
} }
header h1 img {
max-width:100%;
height:auto;
}
.navbar { .navbar {
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3), inset 0px -2px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3), inset 0px -2px 0px rgba(0, 0, 0, 0.1);
border-width:0px; border-width:0px;

33
index.html
View file

@ -25,32 +25,37 @@
<div id="wrapper"> <div id="wrapper">
<nav class="navbar navbar-expand-lg navbar-dark bg-primary"> <nav class="navbar navbar-expand-lg navbar-dark bg-primary">
<a class="navbar-brand" href="#"><img src="img/brand-icon.png" alt="Quarante-Douze"></a> <div class="container">
<div class="downdown"><a class="navbar-brand" href="#" id="" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><img src="img/brand-icon.png" alt="Quarante-Douze"></a>
<div class="dropdown-menu" aria-labelledby="">
<a class="dropdown-item" href="#">Accueil</a>
<a class="dropdown-item" href="#">Rechercher</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">À propos</a>
</div>
</div>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>
<div class="collapse navbar-collapse" id="navbarSupportedContent"> <div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto"> <ul class="navbar-nav mr-auto">
<li class="nav-item active"> <li class="nav-item">
<a class="nav-link" href="#">Accueil</a> <a class="nav-link" href="#">Logiciel Libre</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="#">Exemple de page</a> <a class="nav-link" href="#">Communs</a>
</li> </li>
<li class="nav-item dropdown"> <li class="nav-item">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <a class="nav-link" href="#">Internet Libre</a>
Galleries </li>
</a> <li class="nav-item">
<div class="dropdown-menu" aria-labelledby="navbarDropdown"> <a class="nav-link" href="#">Tribunes</a>
<a class="dropdown-item" href="#">Truc 1</a>
<a class="dropdown-item" href="#">Truc 2</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Voir gallerie entière</a>
</div>
</li> </li>
</ul> </ul>
</div> </div>
</div>
</nav> </nav>