Difference between revisions of "SUNScholar/XMLUI Theme/M1/Banner Logo"

From Libopedia
Jump to navigation Jump to search
 
(4 intermediate revisions by the same user not shown)
Line 15: Line 15:
 
  $HOME/{{Source}}/dspace/modules/xmlui/src/main/webapp/themes/SUNScholar/images
 
  $HOME/{{Source}}/dspace/modules/xmlui/src/main/webapp/themes/SUNScholar/images
 
Overwrite or create a file called '''logo.png'''.
 
Overwrite or create a file called '''logo.png'''.
 +
 +
If using a Microsoft desktop, install WinSCP (https://winscp.net) and use WinSCP to login to the server and then copy over the "logo.png" file you created.
  
 
===Step 2 - Define logo CSS===
 
===Step 2 - Define logo CSS===
Line 42: Line 44:
 
===Step 3 - Remove logo text===
 
===Step 3 - Remove logo text===
 
Edit the following file:
 
Edit the following file:
  nano $HOME/{{Source}}/dspace/modules/xmlui/src/main/webapp/themes/SUNScholar/lib/xsl/core/page-structure.xsl
+
  nano -c $HOME/{{Source}}/dspace/modules/xmlui/src/main/webapp/themes/SUNScholar/lib/xsl/core/page-structure.xsl
 
Comment out the following at line 348:
 
Comment out the following at line 348:
 
<pre>
 
<pre>
Line 53: Line 55:
 
=====Text display=====
 
=====Text display=====
 
If you wish to keep the banner text, but want modify the text content, then type the following:
 
If you wish to keep the banner text, but want modify the text content, then type the following:
  nano $HOME/{{Source}}/dspace-xmlui/src/main/webapp/i18n/messages.xml
+
  nano -c $HOME/{{Source}}/dspace-xmlui/src/main/webapp/i18n/messages.xml
 
Search for <tt>'''xmlui.dri2xhtml.structural.head-subtitle'''</tt> and replace the message text with the content you wish.
 
Search for <tt>'''xmlui.dri2xhtml.structural.head-subtitle'''</tt> and replace the message text with the content you wish.
  
 
=====Text style=====
 
=====Text style=====
 
To change the CSS style for the heading, type the following:
 
To change the CSS style for the heading, type the following:
  nano $HOME/{{Source}}/dspace/modules/xmlui/src/main/webapp/themes/SUNScholar/lib/css/style.css
+
  nano -c $HOME/{{Source}}/dspace/modules/xmlui/src/main/webapp/themes/SUNScholar/lib/css/style.css
 
Go to line 70 approx, or search for <tt>'''ds-header-logo-text'''</tt> and modify the CSS as desired.
 
Go to line 70 approx, or search for <tt>'''ds-header-logo-text'''</tt> and modify the CSS as desired.
 +
===Step 4 - Rebuild DSpace===
 +
[[SUNScholar/Rebuild_DSpace|Rebuild DSpace]]
 
[[Category:Customisation]]
 
[[Category:Customisation]]

Latest revision as of 15:07, 7 June 2016

Back to Mirage 1 Modification

Introduction

This wiki page has instructions on how to replace the default DSpace logo.

Please see: http://www.lynda.com/Logo-Design-training-tutorials/1329-0.html for logo design.

It is not the intention of this wiki page to teach logo design.

For SUNScholar we use a logo of 1000px by 100px, so the following was changed.

Upload your repositories logo to the following images folder.

$HOME/source/dspace/modules/xmlui/src/main/webapp/themes/SUNScholar/images

Overwrite or create a file called logo.png.

If using a Microsoft desktop, install WinSCP (https://winscp.net) and use WinSCP to login to the server and then copy over the "logo.png" file you created.

Step 2 - Define logo CSS

Edit the following file:

nano -c $HOME/source/dspace/modules/xmlui/src/main/webapp/themes/SUNScholar/lib/css/style.css

Step 2.1

Search for ds-header-wrapper at line 48 approx.

Add the following

height: 100px;

And change

min-width: 1000px;

Step 2.2

Search for ds-header-logo at line 64 approx.

Change to the following:

background: url('../../images/logo.png');

And change the following:

    width: 1000px;
    height: 100px;
    margin-top: 0px;
    margin-right: 0px;

Step 3 - Remove logo text

Edit the following file:

nano -c $HOME/source/dspace/modules/xmlui/src/main/webapp/themes/SUNScholar/lib/xsl/core/page-structure.xsl

Comment out the following at line 348:

<span id="ds-header-logo-text">
   <i18n:text>xmlui.dri2xhtml.structural.head-subtitle</i18n:text>
</span>

Please note:

Text display

If you wish to keep the banner text, but want modify the text content, then type the following:

nano -c $HOME/source/dspace-xmlui/src/main/webapp/i18n/messages.xml

Search for xmlui.dri2xhtml.structural.head-subtitle and replace the message text with the content you wish.

Text style

To change the CSS style for the heading, type the following:

nano -c $HOME/source/dspace/modules/xmlui/src/main/webapp/themes/SUNScholar/lib/css/style.css

Go to line 70 approx, or search for ds-header-logo-text and modify the CSS as desired.

Step 4 - Rebuild DSpace

Rebuild DSpace