Greetings! Is it possible to put text and images besides the *Log in to your account*? Does anyone have done this? <http://koha.1045719.n5.nabble.com/file/n5862911/Sample_Header.jpg> Thank you and best regards, -- View this message in context: http://koha.1045719.n5.nabble.com/OPAC-Header-Design-tp5862911.html Sent from the Koha-general mailing list archive at Nabble.com.
Jerwyn, We did something similar. If you look at this opac : http://chelsea.inlibro.net/ You'll see a Français in the top left corner. We add this option using the following javascript in the opacuserjs system preference :
$("#members > ul").html( $("#members > ul").html() + '<li class="divider-vertical"></li><a href="/cgi-bin/koha/opac-changelanguage.pl?language=fr-CA">Français</a></li>' );
Cheers, Eric Bégin Solutions inLibro inc. On 2015-11-26 00:00, Jerwyn wrote:
Greetings!
Is it possible to put text and images besides the *Log in to your account*?
Does anyone have done this?
<http://koha.1045719.n5.nabble.com/file/n5862911/Sample_Header.jpg>
Thank you and best regards,
-- View this message in context: http://koha.1045719.n5.nabble.com/OPAC-Header-Design-tp5862911.html Sent from the Koha-general mailing list archive at Nabble.com. _______________________________________________ Koha mailing list http://koha-community.org Koha@lists.katipo.co.nz https://lists.katipo.co.nz/mailman/listinfo/koha
Eric and Indranil, You are both awesome! Thank you for your inputs I was able to add it. Using the JavaScript that Eric suggested I can now add image and text on the right-hand corner of the *Log in to your account*. I am still figuring it out on how put it on the left side corner. This is the script that I used. $("#members > ul").html( $("#members > ul").html() + '<li class="divider-vertical"></li><li class="divider-vertical"> Site Map </cgi-bin/koha/pages.pl?p=#> </li>' ) $("#members > ul").html( $("#members > ul").html() + '<li class="divider-vertical"></li><li class="divider-vertical"> <img src="/kohaimages/AIM/like.png"> </cgi-bin/koha/pages.pl?p=#> </li>' ) <http://koha.1045719.n5.nabble.com/file/n5862925/Header.jpg> Thank you and best regards! -- View this message in context: http://koha.1045719.n5.nabble.com/OPAC-Header-Design-tp5862911p5862925.html Sent from the Koha-general mailing list archive at Nabble.com.
Jerwyn, Have you tried the following : $("#members > ul").html( '<li class="divider-vertical"> Site Map </cgi-bin/koha/pages.pl?p=#> </li><li class="divider-vertical"></li>' + $("#members > ul").html() ) $("#members > ul").html( '<li class="divider-vertical"> <img src="/kohaimages/AIM/like.png"> </cgi-bin/koha/pages.pl?p=#> </li><li class="divider-vertical"></li>' + $("#members > ul").html() ) I basically just change the order of what is in the .html() function. Good luck ! Eric Bégin Solutions inLibro inc. On 2015-11-26 04:35, Jerwyn wrote:
Eric and Indranil,
You are both awesome! Thank you for your inputs I was able to add it.
Using the JavaScript that Eric suggested I can now add image and text on the right-hand corner of the *Log in to your account*. I am still figuring it out on how put it on the left side corner.
This is the script that I used.
$("#members > ul").html( $("#members > ul").html() + '<li class="divider-vertical"></li><li class="divider-vertical"> Site Map </cgi-bin/koha/pages.pl?p=#> </li>' )
$("#members > ul").html( $("#members > ul").html() + '<li class="divider-vertical"></li><li class="divider-vertical"> <img src="/kohaimages/AIM/like.png"> </cgi-bin/koha/pages.pl?p=#> </li>' )
<http://koha.1045719.n5.nabble.com/file/n5862925/Header.jpg>
Thank you and best regards!
-- View this message in context: http://koha.1045719.n5.nabble.com/OPAC-Header-Design-tp5862911p5862925.html Sent from the Koha-general mailing list archive at Nabble.com. _______________________________________________ Koha mailing list http://koha-community.org Koha@lists.katipo.co.nz https://lists.katipo.co.nz/mailman/listinfo/koha
Ohhhhhhh ERICK!!!!!!!! It worked! You are such a heaven sent! Thank you so much for this! God bless you! -- View this message in context: http://koha.1045719.n5.nabble.com/OPAC-Header-Design-tp5862911p5862997.html Sent from the Koha-general mailing list archive at Nabble.com.
Jerwyn, On Thu, Nov 26, 2015 at 10:30 AM, Jerwyn <os.jerwynfernandez@gmail.com> wrote:
Greetings!
Is it possible to put text and images besides the *Log in to your account*?
Yes. you can do this with a bit of jquery and css in opacuserjs and opacusercss sysprefs (recommended approach) OR you can edit the template files (not a best practice as then you will have to port your changes across every version of Koha). Quite simple actually. cheers, -- Indranil Das Gupta Phone : +91-98300-20971 Blog : http://indradg.randomink.org/blog IRC : indradg on irc://irc.freenode.net Twitter : indradg -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=- Please exchange editable Office documents only in ODF Format. No other format is acceptable. Support Open Standards. For a free editor supporting ODF, please visit LibreOffice - http://www.documentfoundation.org
participants (3)
-
Eric Bégin -
Indranil Das Gupta -
Jerwyn