Space Chapter HUB MAIN

Additions, Deletions, Corrections

UPDATED 07|20|2006

This Page Under Construction by YOU

Space Backgrounds & Page Top Banners for your chapter website
 

 

Space Background Tiles
updated 07|20|06

Sidebar backgrounds & borders

Create your own background

Page Top Banners

You may be of conservative or minimalist tastes and prefer a plain or default background for your chapter website.

For those who want something special, here are some options:

Background Tiles

You can use any background no matter how busy or dark for your page - if you set the main text cell color to white (or another color of your choice) instead of leaving it set at default. This way, the background you really want will be confined to your page top cell and to the menu sidebar cell. This avoids the problem of busy and/or dark backgrounds interfering with the legibility of text areas.

This is the option used to design chapter web 1 (NSS chapter), 3 (Mars Society chapter), and 4 (Moon Society chapter / outpost)

For title text in your page top (masthead) cell, try composing it [not in your web page program but] in your paint program against the principal color of your background tile (black with most star type backgrounds) and then paste this in as a gif, instead of text. We did this in samples 1 (NSS chapter) and 3 (Mars Society chapter) above.

Space Background & Border Tiles by Peter Kokh (updated 10|29|02) - these are all free for anyone to use without attribution

FALLSTAR.gif

bstar2.jpg (Illinni Space Development Society, NSS)

fadeside.jpg (Western Spaceport NSS)

crater.jpg - this is a large tile, 612 pixels wide, 832 pixels long - fine for those who use 640x480 screens (a shrinking minority.) It is dramatic, however, and one way to use it would be as a tile background for a one column table whose width is set at say 620 pixels, using a black background for the page in general. You could use a two column table, with a narrow left hand column set at default (in this case black) where you could put your menu buttons or navigation links, and use this tile in the wider right hand column as a background for content. Look at the page this comes from (where this jpeg is used to tile the whole page) and you will see what I mean. - PK

Space Day 2003 page new_bkgd.jpg - this is also a large tile, 679x506 pixels, but this one tiles well over large screens

lpiback.gif - excellent subtle lunar crater background used on the Lunar Consolidated Atlas website

NEW - There is a great "regolith" border image at http://www.meteor.co.nz/edge.gif


Sidebar Menu Backgrounds & Borders

Sidebar Tiles

A Sidebar tile runs in the background of the sidebar column of your page table. This gives you more control, despite the viewer's screen size choice, and more options.

You can select any background tile to run only in your sidebar table column. Here is a sample page in which I have used the background tile doublecluster.gif to run only in the background of the left page table column.

Another option is to use a general page background, but set the main text cell color to white (or another color of your choice) instead of leaving it set at default.

This is the option used to design chapter web 1 (NSS chapter), 3 (Mars Society chapter), and 4 (Moon Society chapter / outpost)

For any of these choices, it is best to put these buttons in a table BORDER=0, table color set at default, and each cell color selected according to your choice to contrast well with the sidebar background. To separate the buttons better visually, up the number on your table spacing and padding settings.

If you refer, you can activate the whole cell, as opposed to just an underlined text link, by setting the link to the cell, and then turn off the blue border by adding BORDER=0 after the WIDTH= and HEIGHT= pixel numbers in your source code.

moon.gif - set the width to that of your sidebar table column

 

Border Tiles

A Border tile is a wide tile that runs in the general page background but with the image concentrated towards the left margin.

This may repeat on the right side of the screen for those with wide high resolution screens if the border width is set for use in smaller screens.

It also gives you little control as a backdrop for sidebar menu buttons.

It is best to put these buttons in a table BORDER=0, table color set at default, and each cell color selected according to your choice to contrast well with the border.

Space Border Tiles by Peter Kokh (updated 10|29|02) - these are all free for anyone to use without attribution

 

Please email us with the URL address of other space theme background or banner gifs


 

Space Theme Page Top Banners

The View from L5 (used by Huntsville Alabama L5 Society - NSS)

topleft.jpg (used by German Space Society, NSS)

 

Association Banners (NSS, ASI, MS, TMS)

National Space Society 1 (tall)

National Space Society 2 (short)

National Space Society 3 (short)

The Mars Society

Moon Society (none as of october 2002)

Artemis Society International (animated)

 

Association Logos

Mars Society Logo (use against black background)

Mars Society Logo & Name (use against black background)

NSS logo & image choices

Moon Society

 

Create your own Background and Border Tiles
It's easy and fun

Method # 1 - the "double flip flop" - this method does not do a good job in every case. Try it first, as it does produce a seamless tile, and "seamless" is what you want.

  • (1) if you see a picture, part of which has just the color and pattern range you want, copy & paste the picture into a paint program document
  • (2) select the portion of the picture on which you want to base your tile, copy to clipboard, clear the rest of the picture from the paint screen, and paste the saved section back
  • (3) Then select the picture and drag a copy to the side, invert horizontal
  • (4) Move the inverted piece back so that it overlaps the original by one pixel wide strip
  • (5) Select the new wider image, drag a copy down below, invert vertical
  • (6) Repeat step (4)
  • (7) select, copy & paste this combined double flip image into a new page on your web page maker software. That will make it a gif.
  • (8) try using it as a background tile per the steps provided by your web page making software.
  • (9) Problems
    • too much color or brightness range, pronounced repeats - try again, repeating step (2) in an attempt to tackle the problem by changing your original selection.
    • too dark - select the new tile in your paint program document and from the transform menu, click on "lighten", repeating the process as needed. For an example of this process, compare marsscape1.gif and marsscape2.gif and marsscape3.gif

Creating a seamless tile without flip flopping

  • (1) From the host picture or photo, select a portion in which the color and brightness range at the borders of the selection are fairly uniform, and along which you are not cutting through noticeable features (half a crater, for example).
  • (2) Test this selection a a tile in your paint program by making 3 copies and putting them adjacent to one another in 2x2 form. This will alert you to any problems.
  • (3) If the intersection of your proposed tiles at either vertical or horizontal seams are a problem, you can fudge this easily enough. Take your irregular selection tool (lasso) and select a small portion of low detail background, and paint over the offending seam areas in a random pattern.
  • (4) Then make a new tile selection from the center of your blended fourplex. Clear the paint canvas, paste in the new selection and repeat step (2). If this solves the seam problem, you are home free.
  • For a sample product of this process, see moonscape14.gif

Background Making Freeware & Shareware

  •