|
Departments Info  Home Page Articles Software GoodiesExplanations How do they do that? The Web in FocusResources Web Site Stuff Tech Books E-Books Tech Toys Web Hosting LinksWomen Opinion Tech Women Women's StudiesTech News Computer Security Databases Java Linux MP3 PC Software Robotics Site Owner Tech Latest Web Development XMLSpread the Word Newsletter
Recommend this Page
Site Info Legal Disclaimer
Privacy
Contact
Lighter Side Crazy for Life crazy for romance Crazy for Kitties Crazy for Dogs Crazy for CowsCopyright 2000-2001, hertechnology.com |
Background Images Yes, I am cheating. This column is supposed to be about cool or useful or fun software programs that you can use on your web site or local computer that are free or low-cost. That is exactly what I am going to put in here in the future, but for this first column I decided to show you how I got the striped blue-and-teal background set up for this web site.
See this little image: To use the image you need to tell the browser to make it your background. That is done with the <BODY> tag, like so (with the GIF file stored in a directory called graphics, in a file called blue_green.gif): <body background="/graphics/blue_green.gif"> It doesn't matter if you spell body as BODY or body or Body. If you put your mouse cursor on something that is not a link and click the right mouse button (on PCs) you will get a menu popped up. Select View Source from the menu and you will get a screen with the HTML for this page. If you look down a few lines, you will see the BODY tag that uses the GIF for the background. The browser simply repeats the image over and over to fill in the entire page. You can get some very nice -- or truly strange! -- effects this way.
If you have a paint program, you can edit the image and use different colors. First save the image to your local hard drive. (Put your mouse cursor over the little image above, and click the right mouse button. Depending upon your browser, the menu will say "Save Image As..." or "Save Picture As...". Give the picture a filename that you will remember and save it in an appropriate directory on your hard drive.) Then bring up your paint program and open the image file. Zoom in or show the image using magnification to about 1600%. Now you can paint over the colors or do whatever you want. Here is a little HTML you can paste into a text file. Put the file in the same directory as your GIF images. Then just edit the file and put your filename in place of dots2.gif. <html> Want to see what dots2.gif looks like? Click Here. Use the back button to return to this page.
Here is a collection of background gifs in different colors and styles. I'll add more from time-to-time. If you want to email me some to add, please send them to webmaster@hertechnology.com. All the images here are free for the taking (right click on the image as explained above to save it to your hard drive). Have fun with them. Some are unusual, and some are not all that attractive -- they are just designed to show you what effect you get when the image is repeated.
These backgrounds create very narrow stripes. Some are really bright.
These backgrounds create wider stripes.
Some backgrounds with little bars.
These are the unusual ones!
If you do want to use one of these backgrounds, do not link to them from this web site. Make a copy on your own web host. |
|
. Yep, that little thing is the background
image for the whole page!
