There are some ways for changing web interface of koha. For Adding top or header navigation in koha opac we can do in the following:

first add in koha system preference >opacheader

<div id=”navcontainer” class="clearfix">
<ul id=”navlist”>
<li id=”active”><a href=”#” id=”current”></a>Institutional Repository</li>
<li><a href=”#”>Library Home</a></li>
<li><a href=”#”>About Library</a></li>
<li><a href=”#”>Library Staff</a></li>
<li><a href=”#”>Library Services</a></li>
</ul>
</div> 

Then add in system preference>OPACUserCSS 

#navcontainer ul {
padding-left: 0;
margin-left: 0;
background-color: #036;
color: White;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a {
padding: 0.2em 1em;
background-color: #036;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}
#navcontainer ul li a:hover {
background-color: #369;
color: #fff;
}

http://www.myacpl.org/koha/?p=30
http://css.maxdesign.com.au/listamatic/
http://css.maxdesign.com.au/listamatic/horizontal03.htm
http://dosimple.ch/articles/Menus-dynamiques/
http://dosimple.ch/articles/Menus-dynamiques/menuHorizontal.html
http://openweb.eu.org/xhtml

Advertisements