Myles Sinclair
|
Hello folks,
I'm trying out Artisteer and would like to use my own header graphics.
My first thought was that I should be able to swap out the header graphic in the images folder with one created in a graphics package. - However, I notice that Artisteer produces two header graphics - header.jpeg and header.png.
This is referenced by the following code in the header.php files.
<div class="art-Header"> <div class="art-Header-png"></div> <div class="art-Header-jpeg"></div> <div class="art-Logo"> <h1 id="name-text" class="art-Logo-name"> <a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1> <div id="slogan-text" class="art-Logo-text"> <?php bloginfo('description'); ?></div>
So I'm a little confused as to how referencing two header graphics works, and how to substitute my own graphic.
I would appreciate any advice on this.
Many thanks,
Myles
|
|
Dave Porter
|
Hi Myles,
If you look at the CSS ( style.css ) for the class's that are referenced in the php you have shown, it reveals clearly how the graphics are used.
regards, Dave
|
|
Myles Sinclair
|
Hello Dave,
I've had a look at the CSS and see the following code -
div.Header-png
{
position: absolute;
z-index:-2;
top: 0;
left: 0;
width: 890px; height: 200px;
background-image: url('images/Header.png');
background-repeat: no-repeat;
background-position: left top;
}
div.Header-jpeg
{
position: absolute;
z-index:-1;
top: 0;
left: 0;
width: 890px; height: 200px;
background-image: url('images/Header.jpg');
background-repeat: no-repeat;
background-position: center center;
}
It looks like the jpg is positioned on top of the png graphic?
My CSS is not my strong suit. If I want to substitute my own header using a jpg 800 x 200px, is it just a case of editing out the div referencing the png file and replacing the header.jpg in the images folder? Or is it a bit more complicated than that?
Many thanks,
Myles
|
|
Dave Porter
|
Hi Myles,
That should work fine - give it a try, would only take a minute to slot in any old graphic you create of that size and see if it works...
cheers Dave
|
|
Myles
|
Thanks Dave, I'll give that a go.
Best wishes,
Myles
|
|
Garry
|
Try inserting your header image from your computer going insert from file in Artisteer
|
|
Myles
|
Thanks garry,
I'll give that a try as well.
I've been playing with Artisteers own header creation function which is rather impressive. However, it raises a question which I think deserves a separate thread.
Many thanks,
Myles
|
|
Garry
|
Going header-> from file is the best way to insert your custom images instead of changing them from images folder.
|
|