KOHA 23.05 OPAC CUSTOMIZATION
OPAC preferences > Appearance >
1. LibraryName
2. OpacFavicon https://yt3.googleusercontent.com/ytc/AL5GRJVo_hrJgYCwqumXA-0ADLyFqG39QRv168Rac7VQgw=s900-c-k-c0x00ffffff-no-rj
3. OPACUserCSS
/*page background, font color and size*/
body {
background-color: #ffffff;
font-family:
sans-serif;
font-size:
14px;
}
/*main user block, font color and size*/
.main {
background-color: #E5E4E2;
border: 1px solid #E5E4E2;
margin: 15px;
padding: 1rem 0;
}
/*link color*/
a, a:hover, a:focus {
color: #5a2374 !important;
}
/*Searchbar color*/
#opac-main-search {
background: #151b54;
margin: 7px 0;
padding: 15px;
}
#opac-main-search label {
color: #ffffff;
font-size: 120%;
font-weight: 700;
margin: 0;
}
/*Search button color*/
.btn-primary {
color: #ffffff;
text-shadow: 0px -1px 0px rgba(0, 0, 0,
0.25);
background-color: #F2F2EF !important;
background-image: linear-gradient(to
bottom, #F2F2EF, #5a2374) !important;
}
/*Replace Koha small logo with yours*/
#logo {
Background: url(https://furrukh.webs.com/mustlibrary-1.png)
no-repeat 0 0;
boarder: 0;
float: left !important;
margin: 20px 20px 20px 30px;
padding: 0;
width: 190px;
height: 35px;
background-size: contain;
}
4. OPACUserJS
Hide Koha small Logo
$("#logo").hide();
Replace
Library Catalog to Keyword in OPAC main search
$("select[name='idx']
option:first").text('Keyword');
Hide login at
right navigation
$('#login').hide();
Remove no-image
shadow
$('.no-image').remove();
5.
Slide Show
Watch video | https://youtu.be/LAg7HR3ZrLE | https://youtu.be/dfR3ZViCjEc
6.
Insert Urdu Keyboard
Watch Video | https://youtu.be/-Ydl_P9oxr8
7.
Use to display links on tag 856 as image
Watch Video | https://youtu.be/Q1VfDfMnWPU | https://youtu.be/6lj-sJ29ks4
https://sites.google.com/site/furrukhlibrary/home
Tools > Additional
contents > HTML customizations> New entry >
8.
Opacheader
<center><a
href=Koha OPAC Web Address target="_blank"><img
Src=Image
address
title="Library Name"/></a></center>
<h4><center>Library
Name Display as Heading</h4></center>
9.
Opaccredits
Copyright 2023. All
Rights Reserved.
10.
OpacMainUserBlock
<p
align="justify"><h4>..:: Welcome to Library
Name ::..</br></br></p
align="justify"></h5><p align="justify">You
are at the Summon Search of Library Name. Summon
is a new kind of database or library search engine that includes records of
print and electronic books, book
contents, journals, theses and dissertations, videos lectures, and
more.<br><br> The new system easy the searching and browsing of all
resources of Library Name through the simple and
advanced search options; the simple search engine is limited to, search by the
keyword, title, author, subject, ISBN, series and the call number while the
advanced search brings the Boolean operators and also limit the date-range of
publications, item types, languages, locations, libraries and the
availability.<br><br>Furthermore, all electronic resources can be
accessed on-campus only, while registered members are allowed to log in with
their ID and password, and after login, they can modify their personal details
along with password change; members are also permitted to view the summary of
their checked out items, fine paid, reading and search history and can submit
on-line recommendations for purchasing of books or
journals.<br><br>Kindly contact us at <a href="mailto:Your Email ID">Your
Email ID</a> or <a href="mailto: Your
Email ID "> Your Email ID
</a> for further details.<hr></h7>
11.
OpacNav
<style>
.button {
border: none;
color: white;
padding: 12px 80px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
transition-duration: 0.4s;
cursor: pointer;
}
.button1 {
background-color: white;
color: black;
border: 2px solid #008CBA;
}
.button1:hover {
background-color: #008CBA;
color: white;
}
.button2 {
background-color: white;
color: black;
border: 2px solid #008CBA;
}
.button2:hover {
background-color: #008CBA;
color: white;
}
.button3 {
background-color: white;
color: black;
border: 2px solid #008CBA;
}
.button3:hover {
background-color: #008CBA;
color: white;
}
.button4 {
background-color: white;
color: black;
border: 2px solid #008CBA;
}
.button4:hover {
background-color: #008CBA;
color: white;
}
.button5 {
background-color: white;
color: black;
border: 2px solid #008CBA;
}
.button5:hover {
background-color: #008CBA;
color: white;
}
.button6 {
background-color: white;
color: black;
border: 2px solid #008CBA;
}
.button6:hover {
background-color: #008CBA;
color: white;
}
.button7 {
background-color: white;
color: black;
border: 2px solid #008CBA;
}
.button7:hover {
background-color: #008CBA;
color: white;
}
</style>
<h2>Important
links here</h2>
<button
class="button button1">Facebook</button> <br
/><button class="button
button2">Facebook</button><br /><button
class="button button3">Facebook</button><br
/><button class="button
button4">Facebook</button><br /><button
class="button button5">Facebook</button><br
/><button class="button
button6">Facebook</button><br /><button
class="button button7">Facebook</button>
OpacNavRight
<br><br><br><td><a
href=http://www.uit.edu/library_services.aspx
target="_blank"><img Src=https://lh5.googleusercontent.com/g34VB5HWkI2E8-pdw60ZG4ow-f9ButnjiwxJZZGORK1Aryl0H5j_25v1MV-1yEFi93ASsfNbcTWlf9-LnrvGKsClxaS8uUAkD5X9A1GyIfAIZPXeZrwBcXKoj5qIdJROhw=w1280
title="Library and Information Resource
Centre"/></a></td></tr>
No comments:
Post a Comment