[Koha] Replacing existing images in Koha with our own

King, Fred Fred.King at Medstar.net
Sat Mar 4 08:05:51 NZDT 2023


Aida et al.,

Try this (adapted from https://www.vijenderkumar.com/2022/05/beautify-koha-staff-login-page.html, but slightly simplified.)

Create an image that you want to put on your Koha login screen. Put it somewhere on your computer.

Use FileZilla to upload it from your computer to your Koha system. Put it in /usr/share/koha/opac/htdocs.

Now your image is accessible as http://yourlibrary/imagename.extension. For example, I uploaded nap_time.png to cheerfulvalleypl.online, which you can see from
   http://cheerfulvalleypl.online/nap_time.png, (image alone) or
   http://cheerfulvalleypl.online:8080 to see it on the staff login screen.

Then go to koha administration -- global system preferences -- staff client -- StaffLoginInstructions. There's a box for HTML code. Make it as fancy as you want, but be sure to include your version of
   <img src="http://cheerfulvalleypl.online/nap_time.png" alt="" width="300" height="201" />
The extra text can center the image, change fonts and colors, etc., as Vijender Kumar explained above.

As others have pointed out, the /usr/share/koha/opac/htdocs is in amongst the Koha  system files, and might be deleted or damaged during Koha or system updates. It's unlikely in my experience,* but there's always a chance. More next week, I hope.

*I have built more Koha systems and destroyed them during the course of learning and modifying Koha than most people, but I certainly don't know everything about deleting files.

--Fred

Fred King, MSLS, AHIP
Medical Librarian, MedStar Washington Hospital Center
fred.king at medstar.net
202-877-6670
ORCID 0000-0001-5266-0279
MedStar Authors Catalog: http://medstarauthors.org

You know it's cold outside when you go outside and it's cold.
--NPS Twitter

-----Original Message-----
From: library at ssst.edu.ba <library at ssst.edu.ba> 
Sent: Friday, March 3, 2023 12:26 PM
To: King, Fred <Fred.King at Medstar.net>
Cc: koha at lists.katipo.co.nz
Subject: [EXTERNAL] RE: [Koha] Replacing existing images in Koha with our own



**ATTENTION: This email originated from outside the MedStar Health network.
 ** DO NOT CLICK links or attachments unless you recognize the sender and know the content is safe.

 

Hello Fred - I will have to do something, but I'll leave it for later :) It looks like you succeeded - I only see the one image!

Best regards

Aida Đikić


-----Original Message-----
From: King, Fred <Fred.King at Medstar.net>
Sent: Friday, March 3, 2023 6:19 PM
To: library at ssst.edu.ba
Cc: koha at lists.katipo.co.nz
Subject: RE: [Koha] Replacing existing images in Koha with our own

I'm working on this very problem as part of rebuilding the MedStar Authors catalog. As a workaround, you could try putting the images on a different server and linking to them. Take a look at cheerfulvalleypl.online.  The image of the library is on http://dokument.space/cvl_library_300.jpg. If you see any other pictures, it means I may have figured something out but I'm going to work on it next week.

Fred King, MSLS, AHIP
Medical Librarian, MedStar Washington Hospital Center fred.king at medstar.net
202-877-6670
ORCID 0000-0001-5266-0279
MedStar Authors Catalog: http://medstarauthors.org

You know it's cold outside when you go outside and it's cold.
--NPS Twitter

-----Original Message-----
From: Koha <koha-bounces at lists.katipo.co.nz> On Behalf Of library at ssst.edu.ba
Sent: Friday, March 3, 2023 12:07 PM
To: David Liddle <david at liddles.net>
Cc: koha at lists.katipo.co.nz
Subject: [EXTERNAL] Re: [Koha] Replacing existing images in Koha with our own



**ATTENTION: This email originated from outside the MedStar Health network.
 ** DO NOT CLICK links or attachments unless you recognize the sender and know the content is safe.

 

Thank you, David, I had just tried this literally a few minutes ago! However I got several errors (expecting an RBRACE) that I didn't know how to fix. I ended up right-click > inspect page source, and using this snippet of code: 

#logo {
    background: transparent url(https://i.imgur.com/Cbn0f69.png) no-repeat scroll 0;
    float: left!important;
    padding: 0;
}

Unlike with the login image replacement, imgur did not add a pale overlay on top of the white Koha logo (I changed the background of the OPAC to a gradient from blue to red, which are our university colors so the green logo was clashing). I will continue to study the instructions over the weekend - I should have gone home two hours ago! 

Best regards

Aida Đikić


-----Original Message-----
From: David Liddle <david at liddles.net>
Sent: Friday, March 3, 2023 5:59 PM
To: library at ssst.edu.ba
Cc: koha at lists.katipo.co.nz
Subject: Re: [Koha] Replacing existing images in Koha with our own

Aida, there is another method that can be used, which is similar to what is described here:
https://wiki.koha-community.org/wiki/HTML_%26_CSS_Library#Change_logo_and_background_color_of_masthead.
You would be using the system preference IntranetUserCss perhaps together with StaffLoginInstructions to achieve your end result.

That's the method that our system uses. It doesn't change the fact that permissions and links need to be correct, and it doesn't change the possibility that files placed in the htdocs directory may be overwritten. One advantage that I can think of over the method you found is this: by defining the logo in IntranetUserCSS, the field StaffLoginInstructions is left free for instructions and messages only. Separating the two could reduce confusion and mistakes.

David


On Fri, Mar 3, 2023 at 4:24 PM library at ssst.edu.ba <library at ssst.edu.ba> wrote:
>
> Hi all,
>
> Another thing I don't understand is how to replace images (logos in 
> the OPAC and the login etc.) with our own images. I have tried 
> following instructions on 
> https://www.vijenderkumar.com/2022/05/beautify-koha-staff-login-page.h
> tml
>
> >>Create an image for the logo or copy it from the institute's website. Save it in the home folder with the name 'logo.jpg'
> >>Open the terminal and run the following command to paste the logo 
> >>image in htdocs folder from the home folder sudo cp logo.jpg 
> >>/usr/share/koha/opac/htdocs Now Open koha Staff Interface koha 
> >>administration➞ Global System Preferences➞Staff 
> >>Client➞StaffLoginInstructions Add the following html scripts in the StaffLoginInstructions...
>
> How do I even save something to the home folder in the terminal?? When I tried using it to copy the image to /usr/share/koha/opac/htdocs nothing happened, so I asked one of our IT staff to install Filezilla for me so that I can at least move the files to these locations. I proceeded with the instructions and pasted the code to the StaffLoginInstructions, changed the IP: http://127.0.1.1 with our Koha OPAC IP but there's just a broken image where the logo is supposed to be. How in the world are others making these changes?
>
> Best regards
>
> Aida Đikić
>
>
> -----Original Message-----
> From: Koha <koha-bounces at lists.katipo.co.nz> On Behalf Of 
> koha-request at lists.katipo.co.nz
> Sent: Friday, March 3, 2023 12:00 AM
> To: koha at lists.katipo.co.nz
> Subject: Koha Digest, Vol 209, Issue 3
>
> Send Koha mailing list submissions to
>         koha at lists.katipo.co.nz
>
> To subscribe or unsubscribe via the World Wide Web, visit
>         https://lists.katipo.co.nz/mailman/listinfo/koha
> or, via email, send a message with subject or body 'help' to
>         koha-request at lists.katipo.co.nz
>
> You can reach the person managing the list at
>         koha-owner at lists.katipo.co.nz
>
> When replying, please edit your Subject line so it is more specific than "Re: Contents of Koha digest..."
> _______________________________________________
>
> Koha mailing list  http://koha-community.org Koha at lists.katipo.co.nz
> Unsubscribe: https://lists.katipo.co.nz/mailman/listinfo/koha
_______________________________________________

Koha mailing list  http://koha-community.org Koha at lists.katipo.co.nz
Unsubscribe: https://lists.katipo.co.nz/mailman/listinfo/koha

----------------------------------------------------------------------
MedStar Health is a not-for-profit, integrated healthcare delivery system, the largest in Maryland and the Washington, D.C., region. Nationally recognized for clinical quality in heart, orthopedics, cancer and GI.

IMPORTANT: This e-mail (including any attachments) may contain information that is private, confidential, or protected by attorney-client or other privilege. If you received this e-mail in error, please delete it from your system without copying it and notify sender by reply e-mail, so that our records can be corrected... Thank you.

Help conserve valuable resources - only print this email if necessary.




More information about the Koha mailing list