tothbt/code-cegled
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

responsive nav

Browse Source
This commit is contained in:
Ricsi
2016-11-25 22:04:57 +01:00
parent 9532183921
commit 8dbb3fb944
2 changed files with 32 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
index.php
View File

@@ -2,25 +2,20 @@
<head>
<style>
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body {
margin: 0px;
}
a:link {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
nav {
width: 100%;
background-color: #000;
padding: 10px 0px;
}
nav a {
color: #fff;
margin: 10px;
text-decoration: none;
}
nav a:hover {
text-decoration: underline;
}
td.create {
padding: 15px 0px;
}
@@ -56,6 +51,9 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="/_css/form.css">
<link rel="stylesheet" type="text/css" href="/_css/nav.css">
<title>Badminton Coach v 0.1</title>
<?php
require('common.php');

28
template/templates/nav.tpl
View File

@@ -1,7 +1,21 @@
<table>
<tr>
<td><a href="/admin/members">Tagok</a></td>
<td><a href="/admin/trainings">Edzések</a></td>
<td><a href="/admin/presence">Jelenlét</a></td>
</tr>
</table>
<ul class="topnav" id="myTopnav">
<li class="icon">
<a href="javascript:void(0);" style="font-size:15px;" onclick="myFunction()">Menü ☰</a>
</li>
<li><a href="/admin/members">Tagok</a></li>
<li><a href="/admin/trainings">Edzések</a></li>
<li><a href="/admin/presence">Jelenlét</a></li>
</ul>
<script>
function myFunction() {
var x = document.getElementById("myTopnav");
if (x.className === "topnav") {
x.className += " responsive";
} else {
x.className = "topnav";
}
}
</script>