• home
  • forum
  • my
  • kt
  • download
  • NASA Fan Site Layout

    Author: 2007-07-30 09:20:48 From:

    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.

    discuss this topic to forum

    relation tutorial

    No relevant information

    New

    Hot