RJ
|
Simple header image rotation method:
* Create a header module
* Download a free Joomla extension
Back up any edited files before proceeding.
There is a post at the Artisteer forum which explains how to create a new Joomla module position (edited for brevity).
Decide where to place the module position in your template’s HTML (index.php). For example, we’ll be adding a "header" position to my template. For Artisteer, we find the position in the file where we want to add the module and insert code similar to the following:
<!-- begin header -->
<div class="Header">
<jdoc:include type="modules" name="header" style="xhtml" />
</div>
<!-- end header -->
Create this new module position in your template details file (templateDetails.xml). Find the file in Joomla’s root directory “template’s” folder under your default template name.
Find the tag in your XML file and insert a new tag. It will look something like this:
<positions>
<position>left</position>
<position>right</position>
<position>top</position>
<position>banner</position>
<position>header</position>
<position>footer</position>
<position>pathway</position>
<position>user1</position>
<position>user2</position>
<position>user3</position>
<position>header</position>
</positions>
Note the last entry: <position>header</position>
I tried three Joomla 1.5.x slide show modules. Although it may not have as many transition options, ImageSlideShow (http://briask.com/blog/download-imageslideshow/)is the easiest to set up.* Just download the free extension and upload it in Joomla’s administrator. Assign the module to the header position, set it up...and you’re done.
Another free Joomla extension is Shape5’s S5 Image Fader (http://www.shape5.com/product_details/free_extensions/s5_image_fader.html) and S5 Image and Content Fader (http://www.shape5.com/product_details/free_extensions/s5_image_and_content_fader.html).
More info: http://firemydesigner.com/tips
*These modules may not work well in Internet Explorer version 6. Personally, I'm fed up with IE 6, so you may wish to detect the browser and display a message.
|
| |
Mark Holland
|
This is a mush easier way.
Download rokslidshow and put it in position "user3" no nead to create any module positions.
Regards Mark
|
| |
RJ
|
Sure, I used rokslideshow. It's nice module.
Tha said, who wants to see a loading image on every page transition?
Moreover, does everyone who uses "user3" want the main navigation above the header?
I think not.
Let Artisteer make the header. Soon enough we'll have support for this module position. And the "user3" approach is really getting worn out.
Maybe....something new next time?
|
| |
Tim
|
Thx for this info, Very helpful.
In doing this, I lost the padding/rounded corners of my original header (straight out of joomla)
Could someone point me in the right direction. I created a new module named "header" based on custom html.
edited index.php, edited xml file.
result is close but you'll notice the image do not touch the nav bar (before and after below)
http://www.secretagency.net/1A.png
http://www.secretagency.net/2B.png
dev site is lensync.net
I'm not a strong coder, thx in advance.
|
| |
Tim
|
Fixed this.
png file was causing issues with the placement, corrected the template,
works great. Thx again for this thread.
|
| |
eGulp
|
Well,
I think create a module position in header is a need feature in Artisteer.
The same as for
http://www.artisteer.com/Default.aspx?post_id=106208&p=forum_post and
http://www.artisteer.com/Default.aspx?post_id=107341&p=forum_post&forum_id=20
Please, Can any Administrator post a reply here ?
|
| |
DesignProphets
|
Quote Tim:
Fixed this.
png file was causing issues with the placement, corrected the template,
works great. Thx again for this thread.
I am having the same issues with the radius corners and graphic placement being off to the side and not touching the menu. How did you resolve the issue? I was able to get it fixed by using Mark Holland's approach above, but I had to loose the rounded corners first. I would like to go back to radius if anyone has a fix I would appreciate it.
|
| |