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>

Comments

Popular posts from this blog

Install Dspace 7.2 on Ubuntu 22.04 LTS

How to delete library data in koha using the command line

Koha INSTALLATION

Total views