Actions

J1.5

Difference between revisions of "Customising the Milky Way template/customisations/Replacing the Joomla! logo"

From Joomla! Documentation

< J1.5:Customising the Milky Way template‎ | customisations
m
(One intermediate revision by one user not shown)
Line 1: Line 1:
* Create your own logo and upload it to the rhuk_milkyway/images folder
+
* Create your own logo and upload it to the <tt>rhuk_milkyway/images</tt> folder. You want it to be 298x75 pixels in size. Depending on the background of your site, consider making the logo with transparent background, and saving it in a file format (say, <tt>png</tt>) that supports it.
 +
<blockquote>
 +
You do not have to place your image in the <tt>rhuk_milkyway/images</tt> folder; it just makes it easier when you tell joomla where to look for your logo.
 +
</blockquote>
 
* In administration, go to Extensions > Template Manager
 
* In administration, go to Extensions > Template Manager
 
* Click on rhuk_milkyway, you will access the Template edit page
 
* Click on rhuk_milkyway, you will access the Template edit page
 
* Click on Edit CSS
 
* Click on Edit CSS
 
* Select template.css and click edit
 
* Select template.css and click edit
* look for the div#logo style. Change the path of the image to the image you have uploaded
+
* look for the div#logo style. It should look something like this:
 +
<pre>
 +
div#logo {
 +
        position: absolute;
 +
        left: 0;
 +
        top: 0;
 +
        float: left;
 +
        width: 298px;
 +
        height: 75px;
 +
        background: url(../images/mv_joomla_logo.png) 0 0 no-repeat;
 +
        margin-left: 30px;
 +
        margin-top: 25px;
 +
}
 +
</pre>
 +
 
 +
The line you are interested is the one beginning with <tt>background</tt>. Change the path of the image to the image you have uploaded. If you put your image in the <tt>rhuk_milkyway/images</tt> folder, all you would have to do is replace <tt>mv_joomla_logo.png</tt> with you logo filename.
 +
 
 
* Click on Save
 
* Click on Save
  

Revision as of 08:11, 15 January 2011

Replacement filing cabinet.png
This Namespace has been archived - Please Do Not Edit or Create Pages in this namespace. Pages contain information for a Joomla! version which is no longer supported. It exists only as a historical reference, will not be improved and its content may be incomplete.
  • Create your own logo and upload it to the rhuk_milkyway/images folder. You want it to be 298x75 pixels in size. Depending on the background of your site, consider making the logo with transparent background, and saving it in a file format (say, png) that supports it.

You do not have to place your image in the rhuk_milkyway/images folder; it just makes it easier when you tell joomla where to look for your logo.

  • In administration, go to Extensions > Template Manager
  • Click on rhuk_milkyway, you will access the Template edit page
  • Click on Edit CSS
  • Select template.css and click edit
  • look for the div#logo style. It should look something like this:
div#logo {
        position: absolute;
        left: 0;
        top: 0;
        float: left;
        width: 298px;
        height: 75px;
        background: url(../images/mv_joomla_logo.png) 0 0 no-repeat;
        margin-left: 30px;
        margin-top: 25px;
}

The line you are interested is the one beginning with background. Change the path of the image to the image you have uploaded. If you put your image in the rhuk_milkyway/images folder, all you would have to do is replace mv_joomla_logo.png with you logo filename.

  • Click on Save