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>
</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

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