Я бы хотел расположить центр R на панели навигации так, чтобы он находился чуть выше кончика многоугольника. Я не могу сделать это, текст иногда исчезает. Кроме того, возможно, мой путь к клипам смущает, я признаю, что я действительно не знаю. : (
Если у кого-то есть идея, заранее спасибо ^^
РЕДАКТИРОВАТЬ: 18:51 -> Я изменил свой путь к клипу из-за неправильного размера. HTML:
<div class="navbar">
<div class="clubBar">
<nav>
<ul><li><a class="navbarLink" href="https://club.rosewood-rp.net/">Se connecter au club</a></li></ul>
</nav>
</div>
<div class="logoCentre">
<h1 class="Rlogo">R</h1>
</div>
<div class="rightNavbar">
<nav>
<ul>
<li><a class="navbarLink" href="index.php"><i class="fas fa-home"></i> Acceuil</a></li>
<li><a class="navbarLink" href="discover.php"><i class="fas fa-trees"></i> Découvrir le serveur</a></li>
<li><a class="navbarLink" href="news.php"><i class="fas fa-newspaper"></i> Actualité</a></li>
<li><a class="navbarLink" href="https://steamcommunity.com/sharedfiles/filedetails/?id=825396450"><i class="fab fa-steam"></i> Workshop</a></li>
<li><a class="navbarLink" href="https://discord.gg/zj9Nmqt"><i class="fab fa-discord"></i> Discord</a></li>
</ul>
</nav>
</div>
</div>
CSS:
.navbar {
background-color: #111111;
width: 100%;
height: 10vh;
clip-path: polygon(100% 0, 100% 80%, 50% 100%, 0 80%, 0 0);
color: white;
font-family:"Loew Bold";
font-size:16px;
font-style:normal;
display: flex;
flex: auto;
justify-content: space-between;
}
/* Barre de naviguation gauche */
.clubBar {
border-radius: 5px;
padding: 0.4%;
}
/* Barre de naviguation droite */
.logoCentre {
color: white;
font-family: "Posterama 2001 W04 Black";
font-size: 4vh;
background: -webkit-linear-gradient(#c80000, #ed1c24);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
/* Barre de naviguation droite */
.rightNavbar {
border-radius: 5px;
padding: 0.4%;
}