Part 2: Header

Artisteer’s header is the “Headline” of your website. Any number of things can fit here, such as background images, media images, textures, glares, and logo text. Take care with it’s presentation and keep it clean and professional.

The structure is pretty basic and follows.

<!-- Start Header & Text logo -->
<div class="art-Header">
<div class="art-Header-jpeg"></div>
<div class="art-logo">
<h1 id="name-text" class="art-logo-name">Artisteer Add-ons</a></h1>
<div id="slogan-text" class="art-logo-text">tips and tweaks</div>
</div>
</div>
<!-- Finish Header & Text logo -->

So what’s going on here?

1. The ‘Header’ is defined—width and height.
2. The ‘Header’ background image is set.
3. The logo text—both lines—are defined and set.

Tip:
There are many add-on options for Artisteer’s header on this website. Review the following articles.

• Dynamic header images part 1: Core article & resources
• Dynamic header images part 2: Drop dead simple method
• Font this: Style Artister’s logo
• Search me
• Replace Artisteer’s text logo

We’ll now move into the navigation, followed by the main content, sidebar, footer, and page footer.

ShareClosePart 3: Navigation »