Replace Artisteer Header with Frontpage SlideShow


Author Message
TC Topps

Posted: 12/8/2009
Quote message 

Hi!

I have been looking for a clear cut method to replace the header in an Artisteer template. I have figured out how to bring up the jpeg files into directories and bring them up on the different pages. I now have them properly sized. I just need to figure out how to get them into the header.

But today now that I have accomplished the basics, I want to put the information directly into the header. I have seen a couple incidences of this being done. But I need a clear cut step by step process of loading Frontpage Slideshow into the header.

I have seen it explained with a couple methods using other slideshow scripts for doing this but I get lost part way thru. Some state that it is simple. Some say there are benefits to doing it there way. I have seen it done with Frontpage Slideshow and have heard it was simple to do?

But since I am not great at coding or understanding experienced coders, I need specific details for this process where I can find the code and replace it. Can anyone help with the concept of editing the template index files at the header location and any editing reference to CSS?

Thanks for your help!
 
zeusrw

Posted: 12/8/2009
Quote message 

What you could do is follow a post I made here http://www.artisteer.com/Default.aspx?post_id=105631&p=forum_post&forum_id=20

Add yourself a collection of new header module positions and then publish your slideshow into one of those positions (presumably you would need to make headermain a module position too)

I'm not familiar with Frontpage Slideshow but that's probably the easy part. The hard part is putting the module position(s) in place so that you can publish to them in the joomla backend.

zeusrw
rikki a t web presence design lab dot com
 
David

Posted: 12/9/2009
Quote message 

TC Topps,

Once you have the module position created use this command to publish a module into that location

{loadposition xxxxxx}
where xxxxxx is the name of your position where you published frontpage slideshow to.
 
David

Posted: 12/9/2009
Quote message 

TC Topps,

I 'spoke' to fast. The {loadposition xxxxxx} is used if you want to publish a module into an article body. I have done this several times when I want frontpage slideshow to appear on the home page of a website within the article content (typically at the top of the home page article).

In this case, just publish frontpage slideshow to a 'phantom' position (one that is not referenced in your index.php file (jdoc). Then use that 'phantom' position in your {loadposition xxxxxx} statement.

Otherwise, you can create/publish frontpage slideshow to a module that is part of your index.php file without the need for the {loadposition xxxxxx} statement.

Sorry for the confusion.
 
fab

Posted: 12/9/2009
Quote message 

I found this :
http://firemydesigner.com/tips/5-artisteer/8-dynamic-header-images-for-artisteer?showall=1
 
TC Topps

Posted: 12/9/2009
Quote message 

I tired this but ended up with a mess. I must have missed something.

http://forum.joomlaworks.gr/index.php?topic=10128.msg36715#msg36715

This is the comment from author:

If I have understood well what you are trying to do is replace the existing header with the FPSS...
so what you must do is to go to your index.php of your site, find the div with class art-Header-jpeg and inside it write
Code:
<jdoc:include type="modules" name="user4" style="" />
Then go to your Joomla! backend>FPSS module> and set the position:user4

I have used user4 position for example. If you have already use this position in your site for another module, then use another position that you haven't anything else inside it and be sure that this position is called in TemplateDetails.xml folder of your site.

Lastly, but very important go to template.css to line 236 and change this:

Code:
div.art-Header-jpeg {
background-image:url(../images/Header.jpg)no-repeat center;
height:175px;
left:0;
position:absolute;
width:922px;
z-index:-1;
}
with this:

Code:
div.art-Header-jpeg {
height:auto;
position:absolute;
top:0;
width:922px;
z-index:-1;
}


Does any of this make sense? What am I probably not doing correctly, I think I under stand the first part but the second part of changing the css file I am still confused on.

Is their something missing to this statement that is assumed I should know?

Thanks
www.tcbiz.biz
 

Reply


NAME *
EMAIL
SMILIES :-) :( :-D 8-) :*) :-/ :-{} :-X :-O :-@ O:) :-P :-< :-( :-| ;-) 
CODES [Quote] [B] [I] [U] [Code] [IMG] 
BODY *  
VALIDATION *