Header Position


Author Message
cwailes

Posted: 2/1/2011
Quote message 

How do I create a header position for a template created in Artisteer 3? I could easily do it in version 2. However, it seems a little more tedious in version 3?
 
jrgweb

Posted: 2/2/2011
Quote message 

Are you talking about a module position in the header??
 
jrgweb

Posted: 2/2/2011
Quote message 

Adding a module position in the header is about the same in artisterr 3.0 as it is in artisteer 2.5. Here are the steps that I took for artisteer 3.0 beta.

Keep in mind that artisteer 3.0 is still beta and may change on an updated version. I also have a joomla 1.6 test site with artisteer 3.0 beta installed. Again this is a test site. Work in progress. http://j16.jrgweb.net

add to templateDetails.xml

<position>myheader</position /* myheader can be any value. I used ad in my code */

now we need to edit the index.php file

just under the </head> tag my code looks like this:
</head>
<body class="<?php echo $view->bodyClass(); ?>">
<div id="art-main">
<div class="art-header">
<div class="art-header-center">
<div class="art-header-jpeg"></div>
</div>
<div class="art-header-wrapper">
<div class="art-header-inner">
<div class="art-headerobject"></div>
<div class="art-logo">

I then added: <div class="art-header-content"><?php echo $view->position(myheader', 'art-nostyle'); ?></div>


So the complete code should look like this:
</head>
<body class="<?php echo $view->bodyClass(); ?>">
<div id="art-main">
<div class="art-header">
<div class="art-header-center">
<div class="art-header-jpeg"></div>
</div>
<div class="art-header-wrapper">
<div class="art-header-inner">
<div class="art-headerobject"></div>
<div class="art-logo">
<div class="art-header-content"><?php echo $view->position('myheader', 'art-nostyle'); ?></div>
</div>

</div>
</div>
</div>

Now the next file you need to edit is the template.css

as some have suggested putting the code at the bottom so its easier to find.

so here is the css code at the bottom of my page:
/* Module Ad */
.art-header-content
{
position: absolute;
z-index: 1;
top: 15px; /* enter the number of pixels down from the top of the header to position the upper left corner of your module area */
left: 500px; /* enter the number of pixels in from the left of the header to position the upper left corner of your module area */
width: 468px; /* enter the width of your module area */
height: 100px; /* enter the height of your module area */
}

Again you can view this at http://j16.jrgweb.net
You will see the google adsense banner in the header. With the css you can adjust the size and position easily.
Also notice the login icon on the left part of the menu. this is artisteer 3.0 beta extra1 position.

Hope this helps.



 
Aslam

Posted: 3/9/2011
Quote message 

Quote jrgweb:

Adding a module position in the header is about the same in artisterr 3.0 as it is in artisteer 2.5. Here are the steps that I took for artisteer 3.0 beta.

Keep in mind that artisteer 3.0 is still beta and may change on an updated version. I also have a joomla 1.6 test site with artisteer 3.0 beta installed. Again this is a test site. Work in progress. http://j16.jrgweb.net

add to templateDetails.xml

<position>myheader</position /* myheader can be any value. I used ad in my code */

now we need to edit the index.php file

just under the </head> tag my code looks like this:
</head>
<body class="<?php echo $view->bodyClass(); ?>">
<div id="art-main">
<div class="art-header">
<div class="art-header-center">
<div class="art-header-jpeg"></div>
</div>
<div class="art-header-wrapper">
<div class="art-header-inner">
<div class="art-headerobject"></div>
<div class="art-logo">

I then added: <div class="art-header-content"><?php echo $view->position(myheader', 'art-nostyle'); ?></div>


So the complete code should look like this:
</head>
<body class="<?php echo $view->bodyClass(); ?>">
<div id="art-main">
<div class="art-header">
<div class="art-header-center">
<div class="art-header-jpeg"></div>
</div>
<div class="art-header-wrapper">
<div class="art-header-inner">
<div class="art-headerobject"></div>
<div class="art-logo">
<div class="art-header-content"><?php echo $view->position('myheader', 'art-nostyle'); ?></div>
</div>

</div>
</div>
</div>

Now the next file you need to edit is the template.css

as some have suggested putting the code at the bottom so its easier to find.

so here is the css code at the bottom of my page:
/* Module Ad */
.art-header-content
{
position: absolute;
z-index: 1;
top: 15px; /* enter the number of pixels down from the top of the header to position the upper left corner of your module area */
left: 500px; /* enter the number of pixels in from the left of the header to position the upper left corner of your module area */
width: 468px; /* enter the width of your module area */
height: 100px; /* enter the height of your module area */
}

Again you can view this at http://j16.jrgweb.net
You will see the google adsense banner in the header. With the css you can adjust the size and position easily.
Also notice the login icon on the left part of the menu. this is artisteer 3.0 beta extra1 position.

Hope this helps.





Tried above solution but fing that only my logo appears on page with everthing else missing. Please help !!!
 
Ada

Posted: 4/26/2011
Quote message 

Hi,

I've added two module positions on top of the header background, in one I've placed a rotating image component and in the other a flash logo. They work fine on IE8 and FF4, but for some reason they don't show up at all in IE7!

Any advice on how to make the added modules show up in Internet Explorer 7?
PS. I HATE Internet Explorer!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
 
Scott

Posted: 9/13/2011
Quote message 

Quote :
Any advice on how to make the added modules show up in Internet Explorer 7? PS. I HATE Internet Explorer!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!


Think you have to go into the css folder Artisteer creates and change the code not only in the template.css file, but also in the template.ie7.css file.
 
josh

Posted: 9/17/2011
Quote message 

my index.php file looks like thi below the header. Where should I make my change?
</head>
<body class="<?php echo $view->bodyClass(); ?>">
<div id="art-main">
<div class="cleared reset-box"></div>
<div class="art-sheet">
<div class="art-sheet-tl"></div>
<div class="art-sheet-tr"></div>
<div class="art-sheet-bl"></div>
<div class="art-sheet-br"></div>
<div class="art-sheet-tc"></div>
<div class="art-sheet-bc"></div>
<div class="art-sheet-cl"></div>
<div class="art-sheet-cr"></div>
<div class="art-sheet-cc"></div>
<div class="art-sheet-body">
<div class="art-header">
<div class="art-header-clip">
<div class="art-header-png"></div>
<div class="art-header-jpeg"></div>
</div>
<div class="art-headerobject"></div>
<div class="art-logo">
<h1 class="art-logo-name"><a href="<?php echo $document->baseurl; ?>/">Decide Commit Succeed</a></h1>
<h2 class="art-logo-text">Try to call before happy hour 602-689-3388 :-)</h2>
</div>

</div>
 
Tulon

Posted: 5/4/2012
Quote message 

Quote cwailes:

How do I create a header position for a template created in Artisteer 3? I could easily do it in version 2. However, it seems a little more tedious in version 3?


You said "Adding a module position in the header is about the same in artisterr 3.0 as it is in artisteer 2.5." But the code i found in index.php file is little bit a different from your. Here the code :


<body class="<?php echo $view->bodyClass(); ?>"> 	<div id="art-page-background-glare">     <div id="art-page-background-glare-image"> </div> 	</div> 	<div id="art-main"> 	<?php echo $view->position('logo'); ?>     <div class="cleared reset-box"></div> 	<div class="art-sheet">     <div class="art-sheet-cc"></div>     <div class="art-sheet-body"> <?php if ($view->containsModules('user3', 'extra1', 'extra2')) : ?> 	<div class="art-nav"> 	<div class="art-nav-l"></div> 	<div class="art-nav-r"></div> 	<div class="art-nav-outer"> 	<?php if ($view->containsModules('extra1')) : ?> 	<div class="art-hmenu-extra1"><?php echo $view->position('extra1'); ?></div> 	<?php endif; ?> 	<?php if ($view->containsModules('extra2')) : ?> 	<div class="art-hmenu-extra2"><?php echo $view->position('extra2'); ?></div> 	<?php endif; ?> 	<?php echo $view->position('user3'); ?> </div> </div>

 
jrgweb

Posted: 5/4/2012
Quote message 

So what is your question??
A link to your site would be helpful.

I added a module position for your review on this test site.
http://joom25.jrgweb-design.com/

This is joomla 2.5.x and artisteer3.1.xxxx

http://joom25.jrgweb-design.com/?tp=1

The above link shows the modules positions and located in the header were it states "Serving Kauci's Business Since 2001" is the new module with the name "myheader" as described in this forum earlier. In joomla this is a custom module and in the template.css I positioned this module.


 
Mark

Posted: 5/9/2012
Quote message 

Hi All
New to Artiseer and quite new to Joomla so getting to grips with everything. As Tulon says code in latest versions of Artiseer is not the same as older versions. Be really helpful if the the code is laid out as original post by jrgweb for latest version of Artiseer (line by line) to show where to insert the new line of code. Would be a real help to a newbie like me.

Thanks
 
jrgweb

Posted: 5/9/2012
Quote message 

Hello Mark,
Do you have url to your website? If so I can give you instructions.
 
Mark

Posted: 5/9/2012
Quote message 

Hi jrgweb
I am currently learning Artisteer and would like to understand how to add a new header position. I don't have a web site up as yet. Here's the relevant code from the index.php - I think! Thanks for your help.

</head>
<body>
<div id="art-main">
<div class="cleared reset-box"></div>
<div class="art-box art-sheet">
<div class="art-box-body art-sheet-body">
<?php if ($view->containsModules('user3', 'extra1', 'extra2')) : ?>
<div class="art-bar art-nav">
<div class="art-nav-outer">
<?php if ($view->containsModules('extra1')) : ?>
<div class="art-hmenu-extra1"><?php echo $view->position('extra1'); ?></div>
<?php endif; ?>
<?php if ($view->containsModules('extra2')) : ?>
<div class="art-hmenu-extra2"><?php echo $view->position('extra2'); ?></div>
<?php endif; ?>
<?php echo $view->position('user3'); ?>
</div>
</div>
<div class="cleared reset-box"></div>
<?php endif; ?>
<?php echo $view->position('banner1', 'art-nostyle'); ?>
<?php echo $view->positions(array('top1' => 33, 'top2' => 33, 'top3' => 34), 'art-block'); ?>

 
Mark

Posted: 5/9/2012
Quote message 

Hi jrgweb

Sorry pasted the wrong code in the last post this was an site where I had removed the header and the site starts with a navigation.
This is code with a header;

</head>
<body>
<div id="art-main">
<div class="cleared reset-box"></div>
<div class="art-box art-sheet">
<div class="art-box-body art-sheet-body">
<div class="art-header">
<div class="art-headerobject"></div>
<div class="art-logo">
</div>

</div>
<div class="cleared reset-box"></div>
<?php if ($view->containsModules('position-1', 'position-28', 'position-29')) : ?>
<div class="art-bar art-nav">
<div class="art-nav-outer">
<?php if ($view->containsModules('position-28')) : ?>
<div class="art-hmenu-extra1"><?php echo $view->position('position-28'); ?></div>
<?php endif; ?>
<?php if ($view->containsModules('position-29')) : ?>
<div class="art-hmenu-extra2"><?php echo $view->position('position-29'); ?></div>
<?php endif; ?>
<?php echo $view->position('position-1'); ?>
</div>
</div>
<div class="cleared reset-box"></div>
<?php endif; ?>
<?php echo $view->position('position-15', 'art-nostyle'); ?>
<?php echo $view->positions(array('position-16' => 33, 'position-17' => 33, 'position-18' => 34), 'art-block'); ?>
<div class="art-layout-wrapper">
<div class="art-content-layout">
<div class="art-content-layout-row">
<?php if ($view->containsModules('position-7', 'position-4', 'position-5')) : ?>
<div class="art-layout-cell art-sidebar1">
<?php echo $view->position('position-7', 'art-block'); ?>
<?php echo $view->position('position-4', 'art-block'); ?>
<?php echo $view->position('position-5', 'art-block'); ?>

<div class="cleared"></div>
</div>
<?php endif; ?>
<div class="art-layout-cell art-content">


 
Mark

Posted: 5/9/2012
Quote message 

Hi jrgweb, success I thought I would have another go at doing it myself (best way to learn). Followed your post carefully and worked perfectly. Please ignore my two previous posts.
Thanks for your support.
 
ETT

Posted: 5/31/2012
Quote message 

Thanks to all on this thread, I've got a new "header0" module position.

I'd like to use it for a secondary menu, above the User 3 menu.

My only question is, how do I tell the menu/module to display horizontally instead of vertically? (I'm googling, but not finding the answer.)
 
Martin

Posted: 6/4/2012
Quote message 

hmm when i follow the guide and upload the edited files i get error 500 when i try to view main page...
 
Martin

Posted: 6/4/2012
Quote message 

my files after i edit em

index.php

[code<div id="art-main">
<div class="cleared reset-box"></div>
<div class="art-header">
<div class="art-header-position">
<div class="art-header-wrapper">
<div class="cleared reset-box"></div>
<div class="art-header-inner">
<div class="art-header-content"><?php echo $view->position(myheader', 'art-nostyle')); ?></div>
<div class="art-headerobject"></div>
<div class="art-logo">

</div>

templeteDetail.xml

     <position>position-29</position>

<position>myheader</position>
</positions>
</extension>



and templete.css

.art-header-content 

{
position: absolute;
z-index: 1;
top: 15px; /* enter the number of pixels down from the top of the header to position the upper left corner of your module area */
left: 500px; /* enter the number of pixels in from the left of the header to position the upper left corner of your module area */
width: 468px; /* enter the width of your module area */
height: 100px; /* enter the height of your module area */
}

 
andrew

Posted: 6/19/2012
Quote message 

Hi guys, forgive me for looking silly, but I can't find the templateDetails.xml file, can anyone point me into the proper direction?

I looked in my Program Files > Artisteer 3 folder, searched all the folders in there and didnt find it!

thanks
 
rachel

Posted: 6/29/2012
Quote message 

Quote Martin:

my files after i edit em

index.php

[code<div id="art-main">
<div class="cleared reset-box"></div>
<div class="art-header">
<div class="art-header-position">
<div class="art-header-wrapper">
<div class="cleared reset-box"></div>
<div class="art-header-inner">
<div class="art-header-content"><?php echo $view->position(myheader', 'art-nostyle')); ?></div>
<div class="art-headerobject"></div>
<div class="art-logo">

</div>

templeteDetail.xml

     <position>position-29</position>

<position>myheader</position>
</positions>
</extension>



and templete.css

.art-header-content 

{
position: absolute;
z-index: 1;
top: 15px; /* enter the number of pixels down from the top of the header to position the upper left corner of your module area */
left: 500px; /* enter the number of pixels in from the left of the header to position the upper left corner of your module area */
width: 468px; /* enter the width of your module area */
height: 100px; /* enter the height of your module area */
}



I think I found the error (allot of trial and error on my part... dont judge tho cause I dont know how to code)

I think the problem is in here... I think it should look like this:


<div class="art-header-content"><?php if ($view->containsModules('myheader')) : ?> <?php echo $view->position('myheader', 'art-nostyle'); ?></div> <?php endif; ?>

 
jrgweb

Posted: 6/30/2012
Quote message 

oop's Sorry, I see an error. Rachel, thanks for making me aware!!



Here is another tip for headers
http://www.artisteer.com/Default.aspx?post_id=192593&p=forum_post
 

Reply


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