10.03.2018, 12:47
Witam, moja nawigacja wygląda tak jak na obrazku:
https://webboard.pl/xthreads_attach.php?...2222/0.png
Chciałbym aby przyciski były na środku paska ale nie potrafię napisać odpowiedniego kodu. Próbowałem już różnych sposobów, jednak żaden z nich się nie sprawdził.
KOD HTML
KOD CSS
https://webboard.pl/xthreads_attach.php?...2222/0.png
Chciałbym aby przyciski były na środku paska ale nie potrafię napisać odpowiedniego kodu. Próbowałem już różnych sposobów, jednak żaden z nich się nie sprawdził.
KOD HTML
Kod:
<nav>
<a href="{$mybb->settings['bburl']}/index.php" class="home">Strona Główna</a>
<a href="{$mybb->settings['bburl']}/search.php" class="search">Szukaj</a>
<a href="{$mybb->settings['bburl']}/memberlist.php" class="users">Użytkownicy</a>
<a href="#" class="shop">Sklep</a></li>
<a href="{$mybb->settings['bburl']}/amxbans/" class="amx">AmxBans</a>
</nav>KOD CSS
Kod:
nav {
width: 95%;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
margin: 0 auto;
box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.5);
height: 100px;
overflow: hidden;
max-width: 1500px;
}
nav a {
text-align: center;
overflow: hidden;
display: block;
float: left;
padding: 18px 10px;
text-transform: uppercase;
transition: box-shadow .5s;
}
nav a:link,
nav a:hover,
nav a:visited {
color: #eee;
text-decoration: none;
}
nav a:hover {
border-bottom: 2px solid #0d2d3f;
box-shadow: inset 0px -100px 100px -76px #0d2d3f;
}
nav a:before {
font-size: 30px;
text-align: center;
width: 100%;
overflow: hidden;
display: block;
float: left;
font-family: FontAwesome
}
nav .home:before {
content: "\f015";
}
nav .users:before {
content: "\f007";
}
nav .search:before {
content: "\f002";
}
nav .shop:before {
content: "\f291";
}
nav .amx:before {
content: "\f05e";
}