<style>
body {
font-family: "Lato", sans-serif;
}
.sidenav {
height: 100%;
width: 0;
position: fixed;
z-index: 1;
top: 0;
left: 0;
background-color: #FFBFBF;
overflow-x: hidden;
transition: 0.5s;
padding-top: 60px;
}
.sidenav a {
padding: 8px 8px 8px 32px;
text-decoration: none;
font-size: 25px;
color: #000000;
display: block;
transition: 0.3s
}
.sidenav a:hover, .offcanvas a:focus{
color: #FFFFFF;
}
.closebtn {
position: absolute;
top: 0;
right: 25px;
font-size: 36px !important;
margin-left: 50px;
}
@media screen and (max-height: 450px) {
.sidenav {padding-top: 15px;}
.sidenav a {font-size: 18px;}
}
</style>
<body>
<div id="mySidenav" class="sidenav">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
<a href="//jegvirag.gportal.hu/gindex.php?pg=35915256">Főoldal</a>
<a href="//jegvirag.gportal.hu/gindex.php?pg=36644039">HTML kód</a>
<a href="//jegvirag.gportal.hu/gindex.php?pg=36641539">Design</a>
<a href="//jegvirag.gportal.hu/gindex.php?pg=36461016">Segítek</a>
<a href="//jegvirag.gportal.hu/gindex.php?pg=7751968">Kódproba</a>
<a href="//jegvirag.gportal.hu/gindex.php?pg=36628088">Chat</a>
<a href="http://users2.smartgb.com/g/g.php?a=s&i=g26-33486-46">Vendégkönyv</a>
</div>
<h2>JégVirág Design</h2>
<p>Katints a csikokra és jobb oldalrol előjön a menü.</p>
<span style="font-size:30px;cursor:pointer" onclick="openNav()">☰ KATINTS!</span>
<script>
function openNav() {
document.getElementById("mySidenav").style.width = "250px";
}
function closeNav() {
document.getElementById("mySidenav").style.width = "0";
}
</script>
</body>
Ellenőrizve:2017.03.21.
AJÁNLOM AZ OLDALT
Archívum