The Joomla! Forum ™

I just started working with Joomla and, knowing virtually nothing about webdesign I purchased artisteer in an effort to save a ton of time with template design. I have created and uploaded a wonderful template but have just discovered that artisteer doesn't seem to automatically generate a module position in the header space of the site to add...say...a Newsflash module or Random Image Module (both of which I was planning on using). I'm aiming to place this module in the upper right hand corner of my site in line with my store logo but I've been scouring the web for a quick fix to no avail. If anyone has had a similar problem or might be of assistance it would be greatly appreciated. I'm attempting tech support with artisteer but its a slow process and for those attempting to help, please keep in mind that I know very little html and no css. *Hoping for a Miracle*

Thanks,
jaimi2177

hi,

In the template index.php page you create a "<div id="anyname"></div>" inside the "ja-header" section.Inside the div you put "<jdoc:include type="modules" name="topmodule" />" and create this postion(topmodule) name in the templateDetails.xml file. Then enable module(Newsflash module or Random Image Module) in this position from the backend.
In the template.css file you write this line
div$anyname
{
float : right;
}
put the width and location the code according to your template.

_________________
http://www.joomla-web-designer.com
Joomla Custom Template Design, Hire PHP & MySql Programmer, Hire LAMP Programmer
http://www.joomla-web-developer.com
Joomla Web Redesign Services, Joomla CMS Development, Joomla Ecommerce Web Maintenance Solution

Thats great. I now have a top module created that is showing up in my preview. Unfortunately, I have another problem. I couldn't find an .xml file associated with my artisteer template in which to create the position so I am unable to choose the top module position in the backend to place my newsflash module. It is there, I just can't access it. Also, what details should I include in the template.css to create the width, height, padding...etc. associated with my module position? I but in the width and height but it looks like a straight line across the top of the header. Any more assistance you can give is greatly appreciated as I have been banging my head against the wall for days and you have been so much help already.

Thanks again,
Jaimi

Hi,

Did you ever get this working as I am in exactly the same boat as you were/are?

Hi Everyone,
Think I have it working...

Adding a Position in an artisteer Joomla template.

* Please read in full before starting *

First you will have to create the position in the template.

Open “templateDetails.xml” which is in the root of your template.

Locate line: <positions>

Add (anywhere after the above line and before </positions>)
<position>headerbox1</position>

Note: I have named my position headerbox1, you can rename yours, however you will need to amend this change in the next file also.

Next…

Now we must create a space for it to show in your header (a div)

Open: index.php (also in the templates root)

locate line: <div class="art-Header">

Add below: <div class="headerbox"><jdoc:include type="modules" name="headerbox1" /></div>

Note: At this stage if you have renamed your position you will need to change name=”headerbox1” to the name you have given it in the first file we edited.
Also I have named the div (space for the position) headerbox, as with the position name you can change this, however you will need to make an amendment in the next step.

And finally…

Open: template.css (located in your CSS folder within the template folder.)

Locate Lines:

div.art-Header
{
margin: 0 auto;
position: relative;
z-index:0;
width: 898px;
height: 250px;
}

(This text may look a little different to yours depending on your design, but it will be named div.art-Header)

Add the following after the }

div.headerbox
{
float: right;
margin: 0;
margin-top: 205px;
margin-right: 20px;
margin-bottom: 0px;
margin-left: 0px;
}

Note: As before if you have renamed the div, you will need to rename headerbox to your custom name.

If you are not sure about renaming positions and divs then I would recommend leaving them as they are, as this has been taken from my working site, and should work fine as is.

You can also tweak the margins to display the content where you want in the header, currently it is in the bottom right corner.

Let me know how you get on...

Tim

Thanks for these directions. I followed them and it worked just fine except for one thing.
I placed a banner (468x60) in the header-right position
Everything is there fine, but the link only shows up at the very bottom position of the banner (instead of the whole banner)
Is there a fix for this?

I followed these steps and it worked great.
My only problem is I put a banner (468x60) in the right header position
The link only shows up at the very bottom of the banner - like a 1px window to grab it - instead of the entire banner indicating it's a link when you hover over it.

what am I missing?

I too created my template with artisteer and discovered the header module problem. The above fix worked like a charm, I can finally add my flash graphic in the header. After reading the above comment about artisteer's customer service, I'm glad I didn't pay for it. For those of you considering paying, first try editing all the graphics and simply paint over the "trial watermark". It worked pretty well for me.

_________________
Improvise, Adapt, Overcome

I've just seen this post which I found very helpful indeed. It explains exactly what to do and is easy to understand. It worked perfectly !
Now having done this, I wonder if you can help me finish my task. I want to put the header (as per your instructions) and the login module, side by side. This means that the header would take up say 60% or 70% of the width and the login 30% or 40 %. Can you help me with the code etc ? I'd be very grateful, thank you.

@wwwelitterate: not paying but painting over the watermark is the equivalent of stealing. If artisteer does not work for you, dont use it.
And please do not post any questions about artisteer or be smug about this.

I agree astridv...painting over the watermark is the equivalent of stealing. I have found Artisteer to be an excellent product which does exactly what they say it will do. Their customer service is also excellent - that is if you are requesting help that directly relates to their product. They worked with me for over a week and provided an update to the product to correct a problem I was having with the software itself.

Hacking code wouldn't be something that Artisteer would supply customer service for. There are many helpful people who selflessly provide code (here and in the Artisteer forums) to help out others trying to add to the Artisteer product, such as atlantishd did here in this thread and I'm thankful for help such as that. It has helped me learn more about coding, which is what is needed if you try to alter any theme - whether it's Artisteer produced or otherwise.

Thanks again for your help atlantishd!

Hello I notice these are older posts but haven't found anything newer to answer the very questions asked here.

I followed the directions exactly and can see the modules in my template preview but they're not showing up in the template manger. I thought maybe I had to make new one in Module Manager but the positions aren't showing. I was actually going to making two module positions one on the left and one on the right. I see both modules showing one below the other on just the one side. I was going to recheck to make sure I indicated right and left. But the big issue is the modules not being accessible through the Module Manager.

I would really appreciate any suggestions on how to fix my problem.

Thanks!!

Oh and by the way I don't know why I'm listed as an Apprentice on the previous, must have hit a wrong button somewhere. Actually I'm very much a fledgling!

Linda

Hi guys,
I tried to follow all the steps as I am trying to put my multilanguage "flags" (Language
Selection) in the header. I can't make it work. Could you please give me
some help?

I'm using Joomla 1.5.23. My site is at http://www.followenglish.com. I'm
far from being an expert on the use of Joomla or CSS. In fact I started
using it about a month ago. I created my template with Artisteer 3.0.

The first time I tried to follow the instructions on the link above
everything seemed to be going fine, except that apparently the flags were
"behind" an image that I have in the header. I noticed that they kind of
blinked when the site was loading (just a fraction of second) and then
disappeared. The "headerbox1" module was there.

Then I thought it would be wise to go back to the Artisteer template and
add a text block on the right of the header. After doing that and
uninstalling the old template and installing the new one, I did not manage
to make the header module appear in the ?tp=1 page again - obviously the
flags were not there either.

How can I make it work??

Thanks in advance,

Marcos

hi,

i tried this with artisteer, but i couldnt make it work. i also used same names as used by atlantishd, but to no avail. i even tried starting without any header, but i again failed.

i am attaching my "not-working" template.css, index.php, and templates.xml. these are files from template in which i did not insert a header in artisteer. please tell me where have i gone wrong.

thanks in advance.

(all files in zip folder)

EDIT - MY PROBLEM RESOLVED
solution given above by atlantishd is working like a charm.
i got into trouble because of extra code that i added myself.
thanks to all.

Use the jdoc statement in joomla and place it anywhere in the template. The module would automatically be displayed in that position.

Thanks & Regards
Deepak Kumar
deepak11627@gmail.com
http://www.picspeaks.com/
http://www.boonit.co.in/

hey thx for this usefull info but is it posible to do like this: look @ http://www.balticart.lv/test/position/problem.jpg

Hi .. Thanks all for providing those information .
I have done the above steps provided and was successfully been able to have header module created .
However i have some small issue which is intermittent that means have the issue on some systems .

Issue is for the website "http://www.genchitech.com " and i have created a flash header for that website however some people say that the header is in the right and not aligned and some people see it's perfectly in the center , even i see the header in center .
Can anyone help me in this case please ,
Please find the code below .
------------------------------------------
In the Index.php .
I have added .

<div class="art-header">
<div class="header1"><jdoc:include type="modules" name="header1" /></div>
<div class="art-header-clip">
<div class="art-header-center">
</div>
</div>
<div id="art-main">

----------------------------------------------
In the template.css file i have added .
/* begin Header */
div.art-header1
{
margin: 0 auto;
position: center;
margin: 0;
z-index: -1;
width:900px;
height: 183px;
margin-top: 0px;
margin-bottom: 0px;
}
div.header1
{
float: center;
margin: 0;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 230px;
}

div.art-header1-clip
{
position: absolute;
width:100%;
left:0;
overflow:hidden;
height:153px;
}

.art-header1-wrapper
{
position: absolute;
width:900px;
margin:0 auto;
}
.art-header1-inner
{
margin: 0 8px;
}

div.art-header1-center
{
position: relative;
width: 900px;
left:40%;
}

div.art-header1-png
{
position: absolute;
left:-30%;
top: 0;
width: 900px;
height: 183px;
background-image: url('../images/header.png');
background-repeat: no-repeat;
background-position:center center;
}


Kindly let me know wht is that i need to remove or add in order to make my header position always in center no matter in which machine or browser .

Thanks and Regards.
Raghav

Can i get anyone's attention please .. I need help on the above issue .. Kindly help me .

Marcosgazzana,
Hey I am having the same issues but haven't seen a fix posted. Did you get this issue resolved? Would you mind sharing with me if you did....
Thanks,
Stephen

Hi everybody,

Just as Marco did I tried to follow all the steps as I am trying to put my search module in the header. I can't make it work. Could you please give me
some help?

I'm using Joomla 1.5.25. My site is at http://www.scalesofjusticeonline.com. I created my template with Artisteer 3.0.

The first time I followed the instructions on the link above
everything seemed to be going fine, except that apparently the search module was
"behind" an image that I have in the header. I noticed that they kind of
blinked when the site was loading (just a fraction of second) and then
disappeared. The "headerbox1" module was there.

Then I thought it would be wise to go back to the Artisteer template and
add a text block on the right of the header. After doing that and
uninstalling the old template and installing the new one, I did not manage
to make the header module appear in the ?tp=1 page again - obviously the
flags were not there either.

How can I make it work??

Thanks in advance,
Stephen

Hello I solved my new header position problem with help of you all many thanks.
I wanted to have a different header on all the pages belonging to a group of pages mentioned in the main menu.

I only have the menus Opleidingen en advies done for now.

I have one little new problem and that is a gap just a little bit higher than the footer. I know it has to do with my amount of knollegde of CSS (poor).

I appreciate en need the help of you out there.
you can see the gap at http://www.intertraining.nl/joomla/.

Thanks very much for your help
Harry Denkers from Holland

This is the header css
/* begin Header */
div.art-Header
{
margin: 0 auto;
position: relative;
z-index:0;
width: 925px;
height: 200px;
}
div.headerbox
{
float:none;
margin: 0;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
}

.art-header:after
{
position: absolute;
z-index:-1;
display:block;
content:' ';
top: 0;
width:100%;
height: 200px;
background-repeat: no-repeat;
background-position: center center;
}

This thread should help me a lot... gosh I'm hoping that I can put a search module in my header, as who would want a huge header page on their site if they can't even put anything but text in it? Maybe artisteer will consider this a good update for the future! I love their program though anyway, works very well with what it has.

_________________
Names Kyle, pleasure to be a service to the joomla community!
I work with PhP, Database Management, and of course, Joomla stuff of all kinds.
My goal(s):
- To ensure that every legit question is answered, and to become an elite Joomla developer.

My Artisteer header is 1010 x 192 px. When I followed the above rules my JCE Ultimate menu bar moved to the top left of the header. It must go in the center and on the bottom.

What changes do I need to make to do this?