Alex_Pedro/E-Commerce-1
0
0
Fork 0
Code Issues Pull requests Projects 1 Releases Packages Wiki Activity

Ajustes nos estilos e dropDown no navbar

Browse source
This commit is contained in:
Alex Pedro da Silva Junior 2024-04-29 21:54:22 -03:00
parent 2be4acff1c
commit a5dec30d58
2 changed files with 10 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
css/estiloSite.css
View file

@ -9,16 +9,14 @@ body{
}
.navbar-toggle{
background-color: aliceblue;
border: 5px solid rgb(40, 86, 179);
background-color: #007aff;
border: 5px solid rgb(48, 40, 179);
}
.navbar-nav > li > a:hover{
color: white;
background-color: transparent !important;
text-decoration: underline;
border-bottom: 5px solid #00205f;
text-decoration: none;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
transition: all 0.2s ease-in-out;
}

12
site.php
View file

@ -17,12 +17,12 @@
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar bg-danger"></span>
<span class="icon-bar bg-danger"></span>
<span class="icon-bar bg-danger"></span>
</button>
<!--<a id="tituloSistema" class="navbar-brand navColorWhite " href="#"><i class="fa fa-gg-circle" aria-hidden="true"></i> Sistema Alex</a>-->
<a href="#"><img src="img/img1-removebg-preview" alt="Minha Logo" height="55" width="60"></a>
<a href="#"><img src="img/img1-removebg-preview.png" alt="Minha Logo" height="55" width="60"></a>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav ">
@ -48,6 +48,10 @@
<li class="barraNavegacao"><a href="#usuarios"><i class="fa fa-user-o" aria-hidden="true"></i> Entrar em
contato</a></li>
</ul>
<!-- <form class="form-inline my-2 my-lg-0">
<input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
</form>-->
<ul class="nav navbar-nav barraNavegacao navbar-right">
<li><a href="#pesquisar"><i class="fa fa-search" aria-hidden="true"></i></a></li>
<li><a href="#carrinho"><i class="fa fa-shopping-bag" aria-hidden="true"></i></a></li>