lanta/pubg
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

test

Browse source
This commit is contained in:
Lanta 2023-11-03 21:35:09 +01:00
parent 2941af9c49
commit 85cc25173b
3 changed files with 64 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

33
includes/navigation.php
View file

@ -5,16 +5,27 @@ if ($host == 'dev.dtch.online') {
echo "You are on the development! Site";
}
?>
<div class="topnav">
<a href="index.php" class="active">Logo</a>
<nav>
<ul>
<li><a href="index.php">Home</a></li>
<li><a href="clan_stats.php">Clan Stats</a></li>
<li><a href="user_stats.php">User Stats</a></li>
<li><a href="topstats.php">Top10</a></li>
<li><a href="topstatsavg.php">Match % T10</a></li>
<li><a href="latestmatches.php">Last Matches</a></li>
<li><a href="last_stats.php">Last 14 days %</a></li>
<div id="myLinks">
<a href="clan_stats.php">Clan Stats</a>
<a href="user_stats.php">User Stats</a>
<a href="topstats.php">Top10</a>
<a href="topstatsavg.php">Match % T10</a>
<a href="latestmatches.php">Last Matches</a>
<a href="last_stats.php">Last 14 days %</a>
</div>
<a href="javascript:void(0);" class="icon" onclick="myFunction()">
<i class="fa fa-bars"></i>
</a>
</div>
</ul>
</nav>
function myFunction() {
var x = document.getElementById("myLinks");
if (x.style.display === "block") {
x.style.display = "none";
} else {
x.style.display = "block";
}
}

41
includes/topnav.css Normal file
View file

@ -0,0 +1,41 @@
/* Style the navigation menu */
.topnav {
overflow: hidden;
background-color: #333;
position: relative;
}
/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
display: none;
}
/* Style navigation menu links */
.topnav a {
color: white;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
display: block;
}
/* Style the hamburger menu */
.topnav a.icon {
background: black;
display: block;
position: absolute;
right: 0;
top: 0;
}
/* Add a grey background color on mouse-over */
.topnav a:hover {
background-color: #ddd;
color: black;
}
/* Style the active link (or home/logo) */
.active {
background-color: #04AA6D;
color: white;
}