J1.5

Difference between revisions of "Customising the Milky Way template"

From Joomla! Documentation

(Really a request for "uncustomising"!)
(Made miscellaneous improvements)
Line 1: Line 1:
<p>If you would like any sections added to this page, please directly edit this page. Please make sure your entry follows some logical order though.</p>
+
If you would like any sections added to this page, please directly edit this page. Please make sure your entry follows some logical order though.
<li>[[Tutorial: How to replace the Joomla! logo.]]</li>
 
<li>[[Tutorial: Create a copy of the MilkyWay Template|Create a copy of the Milkyway Template]] > With Dreamweaver, create a copy of the MilkyWay template and replace the Joomla! logo [[User:Direccion creativa|Alessandro Rancati]], 5 June 2008</li>
 
<li>Adding new parameters</li>
 
<li>Adjusting the width of the page</li>
 
<li>Changing the width of the left and right-hand columns</li>
 
<li>Changing the background colour of columns</li>
 
<li>Changing the colour and positioning of the buttons in the top menu</li>
 
<li>Customising the look of the module titles</li>
 
<li>Editing the footer text</li>
 
<p>This is intended to be a living document and be updated as new (and hopefully simpler) techniques are found by the Joomla! community. Please feel free to contribute. If you do, please make sure you explain in a way which dummies will understand. Keep in mind that many web portal managers out there, particularly in the not-for profit organisations who use Joomla! are simply kind people who are willing to give it a go.</p>
 
  
<hr>
+
This is intended to be a living document and be updated as new (and hopefully simpler) techniques are found by the Joomla! community. Please feel free to contribute. If you do, please make sure you explain in a way which dummies will understand. Keep in mind that many web portal managers out there, particularly in the not-for profit organisations who use Joomla! are simply kind people who are willing to give it a go.
<li>Adjust colors and other attributes for various parts of a page display,
 
such as:<br>
 
1) Color of the page heading.<br>
 
2) Color of the menu links, and behaviors when hover, or active, or visited<br>
 
3) Input boxes.<br>
 
4) The search box background and text colors.</li>
 
<li>Modify footer content.&nbsp; Add or remove parts.&nbsp; Move footer
 
outside of the main area (adjust the background so it appears separate from
 
the main body).</li>
 
<li>Here's one I haven't figured out yet:<br>
 
- How to move or modify the Copyright statement that appear just below the
 
page content.&nbsp; It appears to be part of the page content but really
 
isn't.&nbsp; I'd prefer to move this into the footer section, or at a  
 
minimum have a horizontal rule just above it.&nbsp; Any ideas??? -- (You can edit the Copyright info in the theme's index.php, near the bottom.)</li>
 
<li><li>Answer: You can edit the footer statment (the one which says Copyright © 2009 Your Site Name. All Rights Reserved. Joomla! is Free Software released under the GNU/GPL License.) by going to the /public_html/language/en-GB/en-GB.mod_footer.ini file</li></li>
 
  
 +
== Sections ==
  
<li>How to create a new style attribute and make it available within the  
+
* [[Understanding the Milky Way template]]
administrator's edit content page.&nbsp; This would be used so one section  
+
* [[Replacing the logo image in the Milky Way template]]
of text in the middle of a paragraph could be easily highlighted without  
+
* [[Creating a split menu in the Milky Way template]]
just picking a different font/bold/italic/underline/color, and could also  
+
* [[Tutorial: How to replace the Joomla! logo.]]
include a different size, something that is not available within the editor  
+
* [[Creating a copy of the MilkyWay Template]] > With Dreamweaver, create a copy of the MilkyWay template and replace the Joomla! logo [[User:Direccion creativa|Alessandro Rancati]], 5 June 2008
menus.&nbsp; (Note, I tried utilising the various heading controls (h3, h4,  
+
* Adding new parameters
h5) for this, except they each forced the associated text to a new line.&nbsp;
+
* Adjusting the width of the page
Maybe, an &quot;inline&quot; parameter will resolve this.&nbsp; Still need to give  
+
* Changing the width of the left and right-hand columns
this a try.)</li>
+
* Changing the background colour of columns
</ul>
+
* Changing the colour and positioning of the buttons in the top menu
<p>Another discussion that might be helpful as a separate or extended article is  
+
* Customising the look of the module titles
a discussion of moving or removing certain content items.&nbsp; This can be done  
+
* Editing the footer text
in the template, or it can be done within Joomla just by selecting a different  
+
 
&quot;position&quot; for the module.&nbsp; For the newbies, understanding the options  
+
== Suggestions ==
would be a great help.</p>
+
 
<p>Also, a discussion on the images that make up the various components, such as  
+
* Adjust colors and other attributes for various parts of a page display, such as:
the rounded corner borders around the menus.&nbsp; Maybe someone wants square  
+
*# Color of the page heading.
corners, or maybe they want very narrow (or simply lines) along the left, right,  
+
*# Color of the menu links, and behaviors when hover, or active, or visited
and bottom, and want a wider border along the top.&nbsp; A discussion of the  
+
*# Input boxes.
images used to create the border and how to edit them would be interesting.&nbsp;
+
*# The search box background and text colors.
(Note:&nbsp; In the &quot;how to edit&quot;, I suggest <i>only</i> recommendations that  
+
* Modify footer content. Add or remove parts. Move footer outside of the main area (adjust the background so it appears separate from the main body).
the size of each image be maintained, or a discussion that if the size is  
+
* Here's one I haven't figured out yet: How to move or modify the Copyright statement that appear just below the page content. It appears to be part of the page content but really isn't. I'd prefer to move this into the footer section, or at a minimum have a horizontal rule just above it. Any ideas???
changed what might need to be altered in the template for the new sizes to work  
+
*: You can edit the footer statment (the one which says Copyright © 2009 Your Site Name. All Rights Reserved. Joomla! is Free Software released under the GNU/GPL License.) by going to the <code>/public_html/language/en-GB/en-GB.mod_footer.ini</code> file
properly.)&nbsp; This may appear to be outside the direct scope of Joomla, but  
+
* How to create a new style attribute and make it available within the administrator's edit content page. This would be used so one section of text in the middle of a paragraph could be easily highlighted without just picking a different font/bold/italic/underline/color, and could also include a different size, something that is not available within the editor menus. (Note, I tried utilising the various heading controls (h3, h4, h5) for this, except they each forced the associated text to a new line. Maybe, an <code>inline</code> parameter will resolve this. Still need to give this a try.)
can be helpful for those wanting a different look and feel, especially where the  
+
* Another discussion that might be helpful as a separate or extended article is a discussion of moving or removing certain content items. This can be done in the template, or it can be done within Joomla just by selecting a different "position" for the module. For the newbies, understanding the options would be a great help.
CSS and template updates are necessary.</p>
+
* Also, a discussion on the images that make up the various components, such as the rounded corner borders around the menus. Maybe someone wants square corners, or maybe they want very narrow (or simply lines) along the left, right, and bottom, and want a wider border along the top. A discussion of the images used to create the border and how to edit them would be interesting. (Note: In the "how to edit", I suggest ''only'' recommendations that the size of each image be maintained, or a discussion that if the size is changed what might need to be altered in the template for the new sizes to work properly.) This may appear to be outside the direct scope of Joomla, but can be helpful for those wanting a different look and feel, especially where the CSS and template updates are necessary.
<P>I know I should back everything up before I start, but I just made this little tweak (which I was sure to remember) and....<br>
+
* I know I should back everything up before I start, but I just made this little tweak (which I was sure to remember) and.... Perhaps I haven't found it yet, but would it be possible to have a listing of the original .css and .html files that come in the template, so that I could compare them with the changes I've made, and if necessary cut and paste things back in?
Perhaps I haven't found it yet, but would it be possible to have a listing of the original .css and .html files that come in the template, so that I could compare them with the changes I've made, and if necessary cut and paste things back in?</P>
+
 
 +
[[Category:Tutorials]]
 +
[[Category:Template Development]]
 +
[[Category:Milky Way template]]

Revision as of 12:29, 14 January 2011

The "J1.5" namespace is an archived namespace. This page contains information for a Joomla! version which is no longer supported. It exists only as a historical reference, it will not be improved and its content may be incomplete and/or contain broken links.

If you would like any sections added to this page, please directly edit this page. Please make sure your entry follows some logical order though.

This is intended to be a living document and be updated as new (and hopefully simpler) techniques are found by the Joomla! community. Please feel free to contribute. If you do, please make sure you explain in a way which dummies will understand. Keep in mind that many web portal managers out there, particularly in the not-for profit organisations who use Joomla! are simply kind people who are willing to give it a go.

Sections[edit]

Suggestions[edit]

  • Adjust colors and other attributes for various parts of a page display, such as:
    1. Color of the page heading.
    2. Color of the menu links, and behaviors when hover, or active, or visited
    3. Input boxes.
    4. The search box background and text colors.
  • Modify footer content. Add or remove parts. Move footer outside of the main area (adjust the background so it appears separate from the main body).
  • Here's one I haven't figured out yet: How to move or modify the Copyright statement that appear just below the page content. It appears to be part of the page content but really isn't. I'd prefer to move this into the footer section, or at a minimum have a horizontal rule just above it. Any ideas???
    You can edit the footer statment (the one which says Copyright © 2009 Your Site Name. All Rights Reserved. Joomla! is Free Software released under the GNU/GPL License.) by going to the /public_html/language/en-GB/en-GB.mod_footer.ini file
  • How to create a new style attribute and make it available within the administrator's edit content page. This would be used so one section of text in the middle of a paragraph could be easily highlighted without just picking a different font/bold/italic/underline/color, and could also include a different size, something that is not available within the editor menus. (Note, I tried utilising the various heading controls (h3, h4, h5) for this, except they each forced the associated text to a new line. Maybe, an inline parameter will resolve this. Still need to give this a try.)
  • Another discussion that might be helpful as a separate or extended article is a discussion of moving or removing certain content items. This can be done in the template, or it can be done within Joomla just by selecting a different "position" for the module. For the newbies, understanding the options would be a great help.
  • Also, a discussion on the images that make up the various components, such as the rounded corner borders around the menus. Maybe someone wants square corners, or maybe they want very narrow (or simply lines) along the left, right, and bottom, and want a wider border along the top. A discussion of the images used to create the border and how to edit them would be interesting. (Note: In the "how to edit", I suggest only recommendations that the size of each image be maintained, or a discussion that if the size is changed what might need to be altered in the template for the new sizes to work properly.) This may appear to be outside the direct scope of Joomla, but can be helpful for those wanting a different look and feel, especially where the CSS and template updates are necessary.
  • I know I should back everything up before I start, but I just made this little tweak (which I was sure to remember) and.... Perhaps I haven't found it yet, but would it be possible to have a listing of the original .css and .html files that come in the template, so that I could compare them with the changes I've made, and if necessary cut and paste things back in?