During the design phase Artisteer users can import an image into their website’s header. It could be your logo or even a background image. If that’s the case, you can also use Artisteer to create a slogan or other text.

In my case, I use one of Artisteer's images in this website's header, and that means it’s a one-trick pony: In order to add the paint brush graphic, I need to create a new <div> tag in the HTML document and a new style sheet ID.

It's really rather simple, we'll add the new <div> tag to the HTML in Artisteer’s “art-Sheet”:

<div class="art-Sheet">
<div id="brush"></div>

Next, we'll add the ID to the style sheet.

#brush
{
width: 300px;
height: 225px;
position: absolute;
top: 40px;
left: 550px;
z-index: 10;
background-image: url('images/brush.png');
background-repeat: no-repeat;
}

You can use this method to place an image or background image anywhere in the art-Sheet.

Share ShareClose