Actions

J1.5

Difference between revisions of "Customising the Milky Way template"

From Joomla! Documentation

(11 intermediate revisions by 5 users not shown)
Line 1: Line 1:
{{stub}}
+
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.
Dit is één van de meest gevraagde pagina's op deze wiki. Kamn iemand een of meerdere voorstel Can someone at least suggest one or more items that should be included on this page? [[User:Chris Davenport|Chris Davenport]] 13:38, 21 May 2008 (EDT)
+
 
<BR />
+
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 newbies 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.
<BR />[[Tutorial: How to replace the Joomla! logo.]]
+
 
<BR />[[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
+
== Sections ==
<BR />
+
 
Adding new parameters
+
* [[Understanding the Milky Way template]]
<hr>
+
* [[Replacing the logo image in the Milky Way template]]
<p>You asked for a list of what could be included in this document to be of  
+
* [[Creating a split menu in the Milky Way template]]
help.&nbsp; I'm including a list of what I've struggled with, including a couple
+
* [[{{PAGENAME}}/customisations/Replacing the Joomla! logo|Replacing the Joomla! logo]]
of items I am still attempting to figure out.&nbsp; I've also included some
+
* [[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
additional ideas for extended discussions.&nbsp; Note, I have a fairly technical
+
* Adding new parameters
programming background (yet it's been several years since I've programmed other
+
* Adjusting the width of the page
than html), and am still a novice at CSS, especially where the absolute
+
* Changing the width of the left and right-hand columns
positioning is used.</p>
+
* Changing the background colour of columns
<p>Time permitting, I'll plan to come back to add detailed information and steps
+
* Changing the colour and positioning of the buttons in the top menu
for the parts I understand.&nbsp; If you know how to do any of these and want to include the specifics, please feel free to do so. </p>
+
* Customising the look of the module titles
<p>Here is my list of what I've looked to modify in this template.  Many I eventually found through
+
* Editing the footer text
hunting around and numerous trials.  Others I'm still trying to figure out.</p>
+
 
<ul>
+
== Suggestions ==
<li>Adjust colors and other attributes for various parts of a page display,  
+
 
such as:<br>
+
* Adjust colors and other attributes for various parts of a page display, such as:
1) Color of the page heading.<br>
+
*# Color of the page heading.
2) Color of the menu links, and behaviors when hover, or active, or visited<br>
+
*# Color of the menu links, and behaviors when hover, or active, or visited
3) Input boxes.<br>
+
*# Input boxes.
4) The search box background and text colors.</li>
+
*# The search box background and text colors.
<li>Modify footer content.&nbsp; Add or remove parts.&nbsp; Move footer  
+
* 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).
outside of the main area (adjust the background so it appears separate from  
+
* 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???
the main body).</li>
+
*: 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
<li>Here's one I haven't figured out yet:<br>
+
* 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.)
- How to move or modify the Copyright statement that appear just below 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.
page content.&nbsp; It appears to be part of the page content but really  
+
* 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.
isn't.&nbsp; I'd prefer to move this into the footer section, or at a  
+
* 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?
minimum have a horizontal rule just above it.&nbsp; Any ideas???</li>
+
 
<li>How to create a new style attribute and make it available within the  
+
[[Category:Tutorials]]
administrator's edit content page.&nbsp; This would be used so one section  
+
[[Category:Template Development]]
of text in the middle of a paragraph could be easily highlighted without  
+
[[Category:Milky Way template]]
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.&nbsp; (Note, I tried utilizing the various heading controls (h3, h4,  
+
h5) for this, except they each forced the associated text to a new line.&nbsp;
+
Maybe, an &quot;inline&quot; parameter will resolve this.&nbsp; Still need to give  
+
this a try.)</li>
+
</ul>
+
<p>Another discussion that might be helpful as a separate or extended article is  
+
a discussion of moving or removing certain content items.&nbsp; This can be done  
+
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  
+
would be a great help.</p>
+
<p>Also, a discussion on the images that make up the various components, such as  
+
the rounded corner borders around the menus.&nbsp; 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.&nbsp; A discussion of the  
+
images used to create the border and how to edit them would be interesting.&nbsp;
+
(Note:&nbsp; In the &quot;how to edit&quot;, I suggest <i>only</i> 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.)&nbsp; 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>
+

Revision as of 22:29, 6 September 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.

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 newbies 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

Suggestions

  • 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?