Difference between revisions of "SUNScholar/XMLUI Theme/M1/Banner Logo"
m |
|||
| (22 intermediate revisions by the same user not shown) | |||
| Line 2: | Line 2: | ||
'''[[SUNScholar/XMLUI_Theme/M1/Modify|Back to Mirage 1 Modification]]''' | '''[[SUNScholar/XMLUI_Theme/M1/Modify|Back to Mirage 1 Modification]]''' | ||
</center> | </center> | ||
| + | ===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. | ||
===Step 1 - Upload logo=== | ===Step 1 - Upload logo=== | ||
Upload your repositories logo to the following images folder. | Upload your repositories logo to the following images folder. | ||
| − | $HOME/ | + | $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=== | ||
Edit the following file: | Edit the following file: | ||
| − | nano $HOME/ | + | nano -c $HOME/{{Source}}/dspace/modules/xmlui/src/main/webapp/themes/SUNScholar/lib/css/style.css |
| + | ====Step 2.1==== | ||
| + | Search for '''<tt>ds-header-wrapper</tt>''' at line 48 approx. | ||
| + | |||
| + | Add the following | ||
| + | height: 100px; | ||
| + | And change | ||
| + | min-width: 1000px; | ||
| + | |||
| + | ====Step 2.2==== | ||
Search for '''<tt>ds-header-logo</tt>''' at line 64 approx. | Search for '''<tt>ds-header-logo</tt>''' at line 64 approx. | ||
Change to the following: | Change to the following: | ||
background: url('../../images/logo.png'); | background: url('../../images/logo.png'); | ||
| − | + | And change the following: | |
| − | |||
<pre> | <pre> | ||
width: 1000px; | width: 1000px; | ||
height: 100px; | height: 100px; | ||
margin-top: 0px; | margin-top: 0px; | ||
| + | margin-right: 0px; | ||
</pre> | </pre> | ||
| + | |||
| + | ===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: | ||
| + | <pre> | ||
| + | <span id="ds-header-logo-text"> | ||
| + | <i18n:text>xmlui.dri2xhtml.structural.head-subtitle</i18n:text> | ||
| + | </span> | ||
| + | </pre> | ||
| + | |||
| + | ====<font color="red">Please note:</font>==== | ||
| + | =====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 <tt>'''xmlui.dri2xhtml.structural.head-subtitle'''</tt> 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 <tt>'''ds-header-logo-text'''</tt> and modify the CSS as desired. | ||
| + | ===Step 4 - Rebuild DSpace=== | ||
| + | [[SUNScholar/Rebuild_DSpace|Rebuild DSpace]] | ||
| + | [[Category:Customisation]] | ||
Latest revision as of 15:07, 7 June 2016
Back to Mirage 1 Modification
Contents
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.
Step 1 - Upload logo
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
