S Dawkins
|
It would be great to allow users to set the header area transparency like we can in the sheet.
|
|
M. Wagenaar
|
Quote :It would be great to allow users to set the header area transparency like we can in the sheet.
1 vote from me!
|
|
JM
|
Simple way for transparent Headers.
Artisteer generates the Header by two overlayerd images : Header.jpg and Header.jpg. To change one of both is not enough.
I had the same problem, and found a way to get the transparent Headers.
1.Choose the transparency for the article.
2. Delete both: Haeder.jpg and Header.png in templates/youractualtemplate/images (via ftp)
3. Create a new, full transparent Header Image and rename it to Header.png.
4. Move it to the via ftp to the place, where the old images are deleted.
Thats all, if you want to see an example, look at www.gastronix.de
Shure it would be simpler to have a way for all inside artisteer, also it would be great to have a way to make block backgrounds transparent too.
But its a new software and I´m shure, the people at artisteer did a great job, and they`ll do it away to make this software better and better....
Hope my tips can help
JM
|
|
S Dawkins
|
Thanks JM, just a couple questions...
What do I do with the transparency for the article? You mean just as the norm?
For #3 you mean I make my header and make it have a transparent background? Say with a logo or something?
Again thanks! Your site looks great!
|
|
S Dawkins
|
JM
Never mind my post above, I was able to play using your guide and it did get the job done :)
Now if I can only make header fluid and footer fluid but body in a wrapper :)
|
|
eGulp
|
Hi,
I'm agree, I think these 3 features are a must in Header:
Manage Transparency http://www.artisteer.com/Default.aspx?post_id=106208&p=forum_post
Linkable image instead text logo http://www.artisteer.com/Default.aspx?post_id=107341&p=forum_post&forum_id=20
Module position http://www.artisteer.com/Default.aspx?post_id=107137&p=forum_post&topicsPage=2&forum_id=20
What do you think about ?
|
|
Angela
|
JM,
I cannot get my image to look transparent. I am doing exactly what you suggested, but my header background turns white instead of transparent. Can you help me please?
|
|
Felix
|
great! works ...
I have no header.png image just a header.jpg. So I created a header.png and changed in the style.css that it points to the header.png insteag of header.jpg.
|
|
wjp
|
One issue with JM's suggestion. What if you want to keep the background of the body of your template and not have everything transparent. There is a way to achieve that, but it involves changing some of the code in the page.html file (If you are making an HTML template). This should work in any template, but I haven't tried it in anything except an HTML template.
Artisteer uses what is called "nested" divs. This means that you put one div inside another. Any property you set in CSS for the parent div is passed down to the child divs. If you don't want the body of your site to have the same opacity as your header, you will need to move your header out of the nested div where the sheet is the parent div. Here is how the nested divs looked before I moved the header divs out of the sheet div:
<div id="art-main"> <div class="art-Sheet"> <div class="art-Sheet-cc"></div> <div class="art-Sheet-body"> <div class="art-Header"> <div class="art-Header-jpeg"></div> <div class="art-Logo"> <h1 id="name-text" class="art-Logo-name"><a href="#">Headline</a></h1> <div id="slogan-text" class="art-Logo-text">Slogan text</div> </div> </div>
Here is how it looked after I made my changes:
<div id="art-main"> <div class="art-Header"> <div class="art-Header-jpeg"></div> <div class="art-Logo"> <h1 id="name-text" class="art-Logo-name"><a href="#">Headline</a></h1> <div id="slogan-text" class="art-Logo-text">Slogan text</div> </div> </div> <div class="art-Sheet"> <div class="art-Sheet-cc"></div> <div class="art-Sheet-body">
I know the code isn't as neat as it should be, but the inherent limitations of this forum prevent me from keeping proper formatting as I cut and paste the code. Hope it helps anyway.
wjp
|
|
Henrik
|
I think it is much easier to modify the Header.png in any photo program and then upload it with FTP.
The backside being that you don't have a *.artx artisteer file wher you can the changes.
/Henrik
|
|
Courtney
|
What would really be useful is if you could set the header to transparent yet allow png/vector images to be added via the "foreground photo". You can see an example here:
http://www.gohawaii.com/statewide/guidebook
The background image has no scrolling and shows through the header while the png/vector foreground images are still displayed.
Just a thought
|
|
am
|
"upload it with FTP" What is FTP??
|
|
Steven Webster
|
Adding a transparent png is a bit of a bandwidth waster. I like Courtney's idea of allow us to create a transparent bg in the header but still lay a foreground image (like a logo for example) over it.
Quote am:
"upload it with FTP" What is FTP??
http://en.wikipedia.org/wiki/File_Transfer_Protocol
|
|
christian
|
There really should be an option to set transparency in the header just like there is for the sheet.
|
|
Lottrup
|
Quote wjp:
If you want to keep the background of the body of your template and not have everything transparent. There is a way to achieve that, but it involves changing some of the code in the page.html file (If you are making an HTML template). This should work in any template, but I haven't tried it in anything except an HTML template.
This is just what I am searching for, but I can not locate the Page.htlm file. I have tried to export both to a ZIP file and look after upload and to export to a folder.
Can any one direct me to search the right place?
|
|
Bob
|
Quote am:
"upload it with FTP" What is FTP??
Wow. What is a website? /troll.
|
|
James
|
Quote Lottrup:
Quote wjp:
If you want to keep the background of the body of your template and not have everything transparent. There is a way to achieve that, but it involves changing some of the code in the page.html file (If you are making an HTML template). This should work in any template, but I haven't tried it in anything except an HTML template.
This is just what I am searching for, but I can not locate the Page.htlm file. I have tried to export both to a ZIP file and look after upload and to export to a folder.
Can any one direct me to search the right place?
It depends what sort of template you are exporting. If you are exporting a CMS (Wordpress, Joomla, Drupal, etc), it might be better to make your Header.png and replace it via FTP.
|
|
schelf
|
I used wjp's technique which works great however in IE6 i have issues with the header not being flush with the rest of the layout there is a big space between them
|
|
www
|
Just had same problem. Can share if it will help someone.
- Generate Header with Artisteer
- Put manually header block OUTSIDE "sheet" in index.php. Tex somewhere between "main" and "sheet"
- In template.css find part for Header and just put width:xxxpx; = sheet width.
- margin: 0 auto;
It will appear as a upper transparent part od the Sheet. Regardeless browsers resolutions.
And transparent Header is there. If you want wide layout you don´t need to bother with CSS.
|
|
Design4LessNZ
|
It would be better if the Artisteer team just had a turn header off button :)
|
|