How can I make 12 pages website without the same first (front page) design?


Author Message
WR

Posted: 4/7/2012
Quote message 

How can I make 12 pages website without the same first (front page) design?

I have built a website with 12 pages but all the pages has the same look of the first (front) page (home). I wanted to have a header on the home page but not the same head in all the other pages.... any idea?

Thanks
 
gerard

Posted: 4/10/2012
Quote message 

have a look at:
www.jungfrautours.ch
is this what you want?
regards

 
Garry

Posted: 4/12/2012
Quote message 

Are you exporting an HTML website(website or blog) or using a CMS ?

 
GLS

Posted: 5/14/2012
Quote message 

I'm looking to do the same thing, basically. Here's an example of the front page being different than the sub pages.

http://www.theloxahatcheeclub.org

TIA
 
cme

Posted: 5/30/2012
Quote message 

If you don't understand html or css then it could be slightly confusing. I will do my best to help you but I'll do it in steps so it's not too hard to understand.

1. Create the different Headers for all your pages.
2. For the sake of making it easy, save the file and call it "header2" meaning "header page 2." You can call it whatever you want but it is easier this way because you'll be changing code.
3. You will save these images and copy them into your html folder later that reads "images"
4. Now go to your html file called style and right click and open with notepad.
5. Use the "Find" function (CTRL+F) and look for the word "header". You will find a few of them but you want the one that looks something like this:

/* begin Header */
div.art-header
{
margin: 0 auto;
position: relative;
width:100%;
height: 150px;
margin-top: 0;
margin-bottom: 0;
}

.art-header:before
{
position: absolute;
display:block;
content:' ';
z-index:-2;
top: 0;
width:100%;
height: 150px;
background-image: url('images/header.png');
background-repeat: no-repeat;
background-position:top center;
}

.art-header:after
{
position: absolute;
z-index:-1;
display:block;
content:' ';
top: 0;
left:5px;
right:5px;
height: 150px;
background-image: url('images/header.jpg');
background-repeat: no-repeat;
background-position: center center;
}
/* end Header */

/* begin HeaderObject */
div.art-headerobject
{
display: block;
left: 0;
margin-left: 0;
position: absolute;
top: 0;
width: 153px;
height: 150px;
background-image: url('images/header-object.png');
}
/* end HeaderObject */


Note...this example is for headers with objects...if you don't have an object then ignore headerobject
6. Copy this code and paste it into your artisteer program in the export options under CSS option. (File-export-export options-css option-additional css style)
7. Change all text from "header" to header1 or header2 or what ever you named your new header image file.
8. Save and export your new html file
9. Copy your new header images into your html image folder now.
10. go to your html folder and find the webpage you want to change the header on. Right click and open with notepad.
11 Use the "Find" function (CTRL+F) and look for the word "header".
12. Change the text from "header" to "header1" or "header2" or whatever you called the new image file and what you called the new css class.
13. Save the html file.
14. Open the html file in a browser and now you will see that the header calls up the new header you designed.

To summerize...you must add a new class in CSS option. It is best to copy the header class you already have and just rename the texts that reads the new header name. Save and Export the html file so that you have a new class. Go to the page you want to change. Change the html so that it calls up the new class. Be sure your new header image is in your image folder. Save. Open your new page. Repeat for all new pages.
 
KathrynB

Posted: 6/21/2012
Quote message 

Have a look at the Templateer add-on.
 
goflish

Posted: 7/16/2012
Quote message 

Quote KathrynB:

Have a look at the Templateer add-on.


is that a wordpress addon?
 
Garry

Posted: 7/17/2012
Quote message 

@ goflish

It is an Artisteer addon.
 
logika

Posted: 4/7/2013
Quote message 

:-D cme, you are a lifesaver!! On my front page I now have a header with slides and on the other pages, I each have different static headers!