[Koha] How to change de OPAC LOGO
Marc Véron
veron at veron.ch
Wed Apr 26 20:09:41 NZST 2017
Hi Michael,
The files I use in the example are NOT part of a Koha installation, they
are served by our web server www.koha-support.ch
So they won't be overwritten with the next Koha update.
IMO it is not the best idea to manipulate files inside a Koha
installation, anyway.
Marc
Am 26.04.2017 um 09:26 schrieb Michael Kuhn:
> Hi Luis and Marc
>
> > Please find below an example on how to replace logos using system
> > preference OPACUserCSS, without replacing files inside your Koha
> > installation.
> > I uploaded test logos to our server. Make sure you provide your own
> > logos with the same dimensions on your server.
>
> However if you place your own logo file inside the Koha installation
> (/usr/share/koha/opac/htdocs/opac-tmpl/bootstrap/images) the file may
> be deleted during the next update of Koha since Koha has the strange
> behavior not just to overwrite existing files but also to delete whole
> directories during an update (including all files inside - also files
> that you explictly saved under a new name because you changed the
> configuration).
>
> Thus, as far as I know, it doesn't make much difference if you change
> the existing logo file or if you use your own logo file. You will have
> to restore the file after the next update either way.
>
> Correct me if I'm wrong.
>
>> --snip----------------
>>
>> /* Replace logos */
>>
>> #logo {
>> background: rgba(0, 0, 0, 0)
>> url("http://www.koha-support.ch/test-koha-logo-opac-67-20.jpg")
>> no-repeat scroll 0 center;
>> }
>>
>> @media only screen and (max-width: 700px) {
>> #logo{
>> background: transparent
>> url("http://www.koha-support.ch/test-koha-logo-opac-14-14.jpg");
>> }
>> }
>>
>> /* Change background color */
>>
>> .navbar-inverse .navbar-inner {
>> background-color: #416100;
>> background-image: none;
>> border-color: #416100;
>> }
>>
>> .navbar-inverse .divider-vertical {
>> display: none;
>> }
>>
>> --end snip----------------
>
> I have now added Marcs solution to the Koha Community wiki because
> many if not all libraries ask for this.
> *
> https://wiki.koha-community.org/wiki/HTML_%26_CSS_Library#Change_logo_and_background_color_of_masthead
>
>
> === Change logo and background color of masthead ===
>
> Use logos pictures of the given size if you don't want to change the
> given code.
>
> * '''Developer:''' Marc Véron
> * '''Purpose:''' Change the original Koha logos and the color of the
> masthead
> * '''System preference edited:''' OPACUserCSS
> * '''Theme:''' Bootstrap
> * '''Version:''' 16.11
>
> <syntaxhighlight lang="css">
> /* Replace logos */
>
> #logo {
> background: rgba(0, 0, 0, 0)
> url("http://yourdomain.xx/yourlogo-67-20.jpg") no-repeat scroll 0 center;
> }
>
> @media only screen and (max-width: 700px) {
> #logo{
> background: transparent
> url("http://yourdomain.xx/yourlogo-14-14.jpg");
> }
> }
>
> /* Change background color */
>
> .navbar-inverse .navbar-inner {
> background-color: #416100;
> background-image: none;
> border-color: #416100;
> }
>
> .navbar-inverse .divider-vertical {
> display: none;
> }
> </syntaxhighlight>
>
>
> Best wishes: Michael
> --
> Geschäftsführer · Diplombibliothekar BBS, Informatiker eidg. Fachausweis
> Admin Kuhn GmbH · Pappelstrasse 20 · 4123 Allschwil · Schweiz
> T 0041 (0)61 261 55 61 · E mik at adminkuhn.ch · W www.adminkuhn.ch
> _______________________________________________
> Koha mailing list http://koha-community.org
> Koha at lists.katipo.co.nz
> https://lists.katipo.co.nz/mailman/listinfo/koha
More information about the Koha
mailing list