In this tutorial we are going to create a very smark and unique layout for a nasa space fan site.

Start by creating a table with these settings.

In the right column we are going to add a new table which will become our navigation (buttons).

Click in the top table in the new table and draw down to the bottom table, choose a background colour. You should now have this:

Put your text for each row, highlight your text and go to the bottom propertie panel and give it a link.

You should now have this:

Now go to the bottom properties panel and click Page Properties, choose these options for Appearance:

Choose these Options for Link Settings:

You Should now have this:

We are now going to give the whole table a background colour (the same for the buttons).

Click inside the middle column and choose these options for Cell settings:

Add your content and you should now have this:

In the left column we are going to add two images from the image gallery, click on each image and give it a 9 pixel horizontal space.

You shouild now have this:

Now we are going to add text above the table and use these options:

You will now have this great looking nasa layout:

Finaly we are going to do some touch's to the hover of each button, click on a:hover and find Border-bottom-style and choose dashed.

You should now have this effect on roleover:

Tutorial Complete.

If you would like more help with this tutorial please register and visit the forum.

Bookmark with:

             

Add to Favorites	Google Bookmark
Delicious	Digg
reddit	Stumble Upon