Dreamcatcher Graphics
General Tips
Border Background
Fixed Background
Logo Buttons

 

Trust me, I am the last person to be giving tips on HTML. I just muddle through, but I've picked up a few pointers along the way, so I'll share them with you. If you ever need specific help, please feel free to ask. There are also a few links to resources for HTML help on the Potpourri page.


General Tips

The first rule of graphics is NEVER link to anyone's graphics. If you try it from a Xoom site, like this, all you will get is a Xoom logo. Always download the graphics and upload them to your own site. You can get more information from Web Prestige on the whys and wherefores and where art thous! If you use Web TV, there is a way for you to use graphics without linking to them, too. Go here for information.

As a rule, the sets are meant to be used as sets. Most of the buttons are not really transparent, and probably won't look right on another background. Be sure that the link tag for your buttons includes 'border=0'. For example, a link back to Dreamcatcher Graphics would look like this:

<a href="http://dreamcatcher-graphics.com/" target=_top><img src="1adclogobtn.gif" border=0 alt="Dreamcatcher Graphics" width=139 height=83></a>

The 'target' tag assures the page will not open inside a frameset. Using 'border=0' gets rid of the blue box around your link buttons and the height and width tags help your page to load faster. Check out the Set of the Week for more information on this and giving credit for the material you use on your site.

Another thing to keep an eye on is your background color. Even if you're using a background, your guests should be able to read the text on your page while they are waiting for the image to load. Make sure that you choose a color similar to your background image. Unfortunately, I've been very inconsiderate and haven't put the hex codes on the set pages for you. I plan to go back and do that one of these days. In the meantime, you can look at the source html to see what I used (assuming mine matches). :) If you need any help, just holler!

Back to Top


Border Background

The best way I've found to make a border background page look right on any size monitor is to set up a two column table that covers the entire page and put a clear gif in the left column. It won't show up on the page and you can adjust the width to start the right column exactly where you want it. The height only needs to be 1 pixel, but if you're using a wysiwyg html editor, it's easier to find if you make it a little "thicker." :)


Right click in this square to save "clear.gif" and copy and paste the HTML below, or grab the tiny zip file with both in it.

 

<html>
<head>
<title>Page Title</title>
</head>

<body bgcolor="#FFFFFF" text="#000000" background="yourbackground.jpg">
<table width="100%">
<tr>
<td valign=top><img src="clear.gif" width="120" height="10">
</td>
<td valign=top>
<p>Put your page content here</p>
</td></tr>
</table>
</body>
</html>

Back to Top


Fixed Background

This only works in Internet Explorer. In Netscape the background will tile. All you need to do to keep the background from scrolling is add 'bgproperties="fixed" to the body tag. It will look something like this:

<body bgcolor="#FFFFFF" background="chapel/chapelbg.jpg" bgproperties="fixed">

Now your page contents will scroll, but the background image will stay where it is.

Back to Top



Logo Buttons

Here are three buttons you can use for a link to this site. There is also a matching link button with each set. If you download an Ensembles zip file, these buttons and the link below will be in it. Copy and paste this into your html file where you want the button:

<a href="http://dreamcatcher-graphics.com/" target=_top><img src="1adclogobtn.gif" border=0 alt="Dreamcatcher Graphics" width=139 height=83></a>

Remember to change the name of the image if you use a different logo.

link button link button

Back to Top

 


 

Graphics Ring 

© 1998 - 2001 All pages, photos and graphics by Kris Holliday