koha web customization

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>

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;



Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s