This is a tutorial for making a userlook-up. It might not give you indepth info (depending on your definition), but it will provide important coding tips, etc. Read on!

First thing you may need is a graphics program. You can try a free trial of Jasc Paint Shop Pro (the program I use), here.
1. First, once you have a graphics program, you'll want to make a background. The common size is 300 by 300 pixels, but you may have an image of your own you want to use. Save the file as either .gif or .jpg (it won't work on the Internet any other way).
You will need to upload this file to the Internet. Get an account at PhotoBucket.Com (don't worry, it's free). Then upload the background and get it's URL.
The code you can use to add the backround to your look-up is:

Replace the URL of my background in the code above with the URL of yours. Also provided is the basic text format structure. Feel free to change the colors to match your background.

2. Next, you might want to add a banner. The usual height is 64 pixels and the usual width is 482. You can put text and use any special effects on this you want when creating the image.
Once you've made the image, you'll need to upload it the same way as you uploaded your background. Here is the code to add the banner to your look-up:

Once again the URL of my image needs to be replaced with the URL of your image.

3. Another optional item to add to your look-up is a customized sidebar. This should probably not be attempted unless you are somewhat experienced with making graphics.
The code for adding a sidebar to your look-up is:

Make sure you replace the URL of my image with yours.

4. Another element is the shield. If you need a blank shield to start with, use this one.
The URL to put a shield on your look-up is:

Remember to replace the URL with yours.

5. There may be other CSS elements and special effects you want to add to your look-up. For those things, go to this page.

Special notes and problem solver: The following are reasons why you may encounter problems:
A) You may need to change the height or width in the coding to the height and width of your image.
B) You may have made a mistake when writing the URL.
If you have any questions or comments, feel free (as always) to contact me at jadey213@yahoo.com Also, if you need to learn how to add codes to your layout, go to this page.


Let's go HOME!