Allaire Cold Fusion Template Header Size: New VersionõO2¸~õìêÚ[�²zhqؤä8X°É¿Ìò©‰P^qv ßNÊÒ‡ùFÍû'ÉÊE´Žå¿ˆpc –¨u÷TéÒ•5˜¥ãxV’ôû”\v‰ù>eÐ×åRVŸ,ÛÚ÷î,™î(àñvЈN¯õáÜøç,Zê¤/„(|0}ã#ãJéî¥�UøÛ[Ô¢„+Ùyœ(·85ìhÿ—D¾!Èž›|S™ï¸]J € U[]†VŸ,ÛÚ÷– Colored Background Border Where your journey begins
Antons Video ProductionsNetObjects Fusion 7 Websites Portal



A coloured border for your page

A commonly asked question is, "How can I put a border down the left of my page so it looks like there's a left frame there - but without using frames."

Well, you just use a very wide graphic and use that as the background.

In your favourite graphics program (Photoshop, Paintshop Pro, Ulead PhotoImpact or similar), make a graphic that is very wide, but very thin. For example, the graphic I've used in my demo is just 3 pixels high, but 1500 pixels wide.

It's a bit like this:





...but much wider - so it stretches out to the right further than anyone has monitor width to see.

Use that graphic as your background. It will tile, but because it is so wide, your users will never see it tiling horizontally. But they will see it tiling vertically. So all they will see is a border down your left hand side.

If you want the right hand side coloured too, make the graphic so that it is, say, 3 pixels high, has a left coloured bar the width of your left colour, then a band the width of your body, then the rest the colour you want on the right. Like on this page.

To see each graphic as it actually is, right click in each of the demos and Save Background As. That should give you the idea.

Return to the TOP of this page

Did you find this tutorial useful?
Do you want to keep this resource online?
Make a donation to keep gotFusion alive

|  Fusion  |  Web Design  |  Hosting  |  Resources  |  gotFusion Store  | 

Problems with this page?  

All content copyright © 2001 - 2017 gotFusion LLC. The name gotFusion and the gotFusion ® logo are registered trademarks of gotFusion LLC
Copyright, legal notice & privacy statement