Koha OPAC Side Scroll Nav
Koha OPAC Side Scroll Nav
<style>#mySidenav a {
position: absolute;
left: -40px;
transition: 0.3s;
padding: 15px;
width: 100px;
text-decoration: none;
font-size: 20px;
color: white;
border-radius: 0 5px 5px 0;
}
#mySidenav a:hover {
left: 0;
}
#about {
top: 20px;
background-color: #04AA6D;
}
#blog {
top: 80px;
background-color: #2196F3;
}
#projects {
top: 140px;
background-color: #f44336;
}
#contact {
top: 200px;
background-color: #555
}
</style>
<div id="mySidenav" class="sidenav">
<a href="LINK" id="about" target="_blank" rel="noopener">NAME</a>
<a href="LINK/" id="blog" target="_blank" rel="noopener">NAME</a>
<a href="LINK" id="projects" target="_blank" rel="noopener">NAME</a>
<a href="LINK" id="contact " target="_blank" rel="noopener">NAME</a></div>
<div style="margin-left: 80px;"></div>
<div style="margin-left: 80px;"></div>
Comments
Post a Comment