John Tennock
|
I need to add a couple of custom module positions in the header of Joomla 2.5 site using an Artisteer 3.1 template. These modules would be called something like 'slide_show' and 'contact_us'. I understand that I can add these positions by editing files in the installed Artisteer template.
I've been searching for advice on how to do this but most of the references to helpful tutorials etc in this forum seem to refer to Joomla 1.5, so not much help.
Could somebody please let me know what changes I need to make, to which template files, specifically for Joomla 2.5 and Artisteer 3.1?
|
|
SteveTVD
|
bumping this, hoping for an answer too!
|
|
jrgweb
|
1st file to edit is the templateDetails.xml
add.....<position>myheader</position
<position>socialbtn</position>
The above can be any name you want.
Next...edit index.php in the template directory
just below the <div class="art-logo">
add.....
<div class="art-header-content"><?php echo $view->position('myheader'); ?></div>
<div class="jrg-socialbtn"><?php echo $view->position('socialbtn'); ?></div>
Now the next file to edit is the template.css or the backend to artisteer in the export---->
CSS options
.art-header-content {
position: absolute;
z-index: 1000;
top: 110px;
left: 400px;
width: 500px;
height: 200px;
}
The above will position a module to the mid right side of the screen.
.jrg-socialbtn {
z-index: 100;
position: absolute;
top: -3px;
left: 15px;
width: 280px;
height: 400px;
}
The above will position a module to the left side of the screen.
You can tweak the position by adjusting the css
If you need additional help left me know.
|
|
Chris W.
|
jrgweb,
I need your help. I created a template for my church, and they want the social media buttons to be in the lower right hand corner of the header, about 10px from the top of the menu, and about 5-10px from the right edge of the header image. My mind is fried and I'm just needing help putting the whole thing together.
I opened the templateDetails.xml file and added the following code:
<position>position-29</position> <position>position-30</position> </positions> </extension>
Then I opened the index.php file and added the following code:
<body> <div id="art-page-background-glare-wrapper"> <div id="art-page-background-glare"></div> </div> <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 class="art-header-content"><?php echo $view->position('position-30'); ?></div> </div>
like you said.
Did I even do it right? and also what do I change my CSS file to say so that it matches what I have with the image below?
|
|
Chris W.
|
I haven't uploaded the file yet because I wanted to modify it before I uploaded it. The URL will be http://www.svtx.org
|
|
Chris W.
|
jrgweb,
Man, you were the biggest help possible. It worked flawlessly, and everyone loved it. Check it out at www.svtx.org
|
|
DJ
|
Hi,
Looks cool!
Notice upcoming events goes to a dead age and you can turn off the menu heading at the top of the page. Make it look nice but all good.
B)
Is the calender an extension or an iframe?
|
|
addie
|
using module position
<div class="art-logo">
<div class="top-banner"><?php echo $view->position('banner'); ?></div>
and css
.top-banner {
z-index: 100;
position: absolute;
top: 20;
left: 400;
width: 400px;
height: 60px;
}
module is not loading css very strange
|
|
jrgweb
|
did you try using a space before top-banner in the module class suffix box?
|
|
Another Guy
|
i notice your menu goes behind the slideshow ;)
i suggest you use the Autson Slide Show
it solved my menu problem
if there's any other help needed i'd be delighted to help you.
send mail to me if you didnt find the module
starsun_mj@yahoo.com
|
|
Jim
|
Hi all,
I wish to create a new module position above the header. can anyone assist
Jim
|
|
Ju Du
|
Hello, I am using artisteer 3.1 template on joomla 2.5. I I do not know how my Module manager locks me out. When i go to Extension, Module manager ; the browser displays "network access message, the page cannot be displayed". Because of this I cannot actually make any change to plugins i have installed.
Any clue will be highly appreciated.
|
|
Arno
|
Quote jrgweb:
1st file to edit is the templateDetails.xml
add.....<position>myheader</position
<position>socialbtn</position>
The above can be any name you want.
Next...edit index.php in the template directory
just below the <div class="art-logo">
add.....
<div class="art-header-content"><?php echo $view->position('myheader'); ?></div>
<div class="jrg-socialbtn"><?php echo $view->position('socialbtn'); ?></div>
Now the next file to edit is the template.css or the backend to artisteer in the export---->
CSS options
.art-header-content {
position: absolute;
z-index: 1000;
top: 110px;
left: 400px;
width: 500px;
height: 200px;
}
The above will position a module to the mid right side of the screen.
.jrg-socialbtn {
z-index: 100;
position: absolute;
top: -3px;
left: 15px;
width: 280px;
height: 400px;
}
The above will position a module to the left side of the screen.
You can tweak the position by adjusting the css
If you need additional help left me know.
Hello
I tried to modify my module positions in my template called 'artcreations' for this URL: http://lindamanya.com/artcreations/
But it simply doesn't work: I want to place my menu with the present menu button look in the top right of the header, but I can't detect the art-logo code in my index.php.
What is also odd: the menu buttons created in the Artisteer editor show up top right, but not when I upload it in Joomla.
What am I doing wrong or overseeing? Hope you can help me asap, I am busy restyling my website and it already takes me weeks too long.
|
|
jrgweb
|
what version of artisteer??
|
|
Arno
|
Quote jrgweb:
Never mind - Your using 4.1
First of all your menu is too large.
In joomla select the menu you are wishing to display.
I can place the menu to the right of the screen.
~
I can well take it for granted that my menu is too large, that is something worth modifying.
But still - I did select the position 'user3' for top right position with buttons in the shape as designed, and it keeps appearing top center.
|
|
jrgweb
|
What is "top right position"? Not top3?
user 3 is a stand alone position. You can float the menu items to the right.
remove all but 2 menu items.
Show me an image of what you want.
|
|
Arno
|
OK, it appears that the main reason was ONLY the number of menu buttons at the top of the header. I have modified certain category listings to decrease the number of menu items and all appears as I wished.
Thanks for all your efforts, consider my case closed.
|
|
ioannis
|
hello guys,
i need your help.
i use this from artisteer tutorial
"Adding Modules to Header
In Artisteer 4.0 you can add modules to the Header and style/position them with CSS code. Please, follow the steps below:
Add a module to the Header by assigning it to position-30 (or header) in the Module Manager.
Go to Advanced Options and set the module class suffix to " my-module-1" (space before my-module-1 is required).
Add a similar CSS code to the template.css file (Template Manager -> Templates -> [your template] -> Edit CSS/template CSS):
.art-header > .my-module-1 {
top: 20px;
left: 50%;
}
"
but nothing happens.
i use the solution of jrgweb too, but nothing happens again...
any solution for these problem?
|
|
ioannis
|
nobody?
|
|
jrgweb
|
@ioannis - It sounds like your doing something wrong or leaving out a step,
Do you have a link so that we can help?
http://www.artisteer.com/?post_id=213616&p=forum_post&forum_id=9
|
|
jrgweb
|
ioannis - Okay,
step1 remove the shape
step2 in joomla create a new custom html module and place it in extra2 position
step3 place your image or whatever you want in that position.
step4 in the template.css find art-hmenu-extra2 and set the position of the module.
If you need more help let me know jrgweb [@] gmail.com
|
|
ioannis
|
my problem is that i want to put a module not a image.
i send you an emal
|
|
ioannis
|
thanks a lot jrgweb...you solve my problem.thanks a lot
|
|
Daniel Hughes
|
Brilliant minds! Like ioannis, I too tried the Artisteer recommended method for adding a header position. I have a Spotlight Slideshow that runs about the same size of the header that I would like to see in place of the Artisteer header. I followed Artisteer's instructions exactly, but nothing happened. Please help!
See: http://newhopeakron.org/
|
|
Balaji
|
how can give a custom position for the joomla templates using Artisteer 4.1 there is any option to give the custom position for any templates
|
|
jrgweb
|
@Balaji - Give us more details of where you want the module to appear. Top, bottom, left or right. Inside header, sheet or outside of sheet next to screen edge.etc.
You need to know how to edit 3 files.
templateDetails.xml
index.php
template.css
On some occasions you won't need to edit templateDetails.xml or the index.php
What version of joomla, artisteer?
What url?
|
|
Tim
|
Please help
I'm trying to create a 5 colum template in artizeer .... Specifically a header with an upper an lower tool bar centered in header
One thin Collum to the right and and left with three columns in the center of the page
Artizeer only allows for three columns how do I do this ... I'm not a coder but I'm going to school and trying to learn .... This project is a not for profit to raise money for in curable diseases ...I would appreciate anyone's help
Tim
|
|
Firdous
|
Hi jrgweb,
I want to appear a login module Inside header.
Joomla! 2.5.17
http://www.ozta.org/portal/
Appreciate your support
|
|
jrgweb
|
@Fidous - Place your module in position-29 within joomla.
I don't know where you want the login module within the header but you can use css to position the module.
before: http://demo.artisteertoday.com/imagedemo/before.jpg
after: http://demo.artisteertoday.com/imagedemo/after.jpg
let me know if I can help further.
|
|
bhaam
|
Quote jrgweb:
I want to look at the template.css
you can send to jrgweb@gmail.com
|
|