PDA

View Full Version : Transparent

kh0513
August 25th, 2005, 01:51 AM
I am or would like to make my ground transparent, where when you are scrolling down the text, only the text / words move and the background stays in the same place. I thought FP would do it, but I guess I can't figure it out. Can someone help.

Thanks, Kevin
thelamberts
August 25th, 2005, 03:29 AM
Hi there

Give this a try. Copy and paste the body below into your html editor, replace "yourpicture.jpg" with the background image of your choice and be sure to expand the "content blah blah..." so that it invokes a scroll. The image should
stay put.

(begin copy paste)
<body background="yourpicture.jpg" bgProperties=fixed BGCOLOR="#C0C0C0" TEXT="#0F0000" ALINK="#0F0000" VLINK="#0F0000" LINK="#0F0000"> content blah blah...</body>
(end copy paste)


Take Care
rockboy
August 25th, 2005, 04:11 AM
Hi Kevin,
thelamberts is right, you could use bgproperties="fixed" but that's an IE-only proprietary attribute. If you want something that works for everyone use CSS and add this to your stylesheet or in the style section in the head of your html doc...
BODY { background: white url(candybar.gif);
background-attachment: fixed } The first line says the background color is white and specifies the image url. More info on this page at the Web Design Group...
http://www.htmlhelp.com/reference/css/color-background/
thelamberts
August 25th, 2005, 01:17 PM
Thanks for the Tip Rockboy

That's the one major thing that keeps me hanging around this forum....you can always learn something here.....

Take Care
kh0513
August 26th, 2005, 03:06 PM
Thanks to both of you. Rocky, I looked at that site, kind of confusing for a new html person. Here is the code I have used. I am looking for something that works for everyone. If you can change it a post again, I would greatly appreicate it.

<body background="jumpbassbkgrnd.jpg" bgProperties=fixed BGCOLOR="#C0C0C0" TEXT="#0F0000" ALINK="#0F0000" VLINK="#0F0000" LINK="#0F0000">

And, I am still going to look at that site and see if I can figure things out as well.
rockboy
August 27th, 2005, 12:16 AM
Your current body tag code...
<body background="jumpbassbkgrnd.jpg" bgProperties=fixed BGCOLOR="#C0C0C0"
TEXT="#0F0000" ALINK="#0F0000" VLINK="#0F0000" LINK="#0F0000">
delete this from the body tag...
background="jumpbassbkgrnd.jpg" bgProperties=fixed BGCOLOR="#C0C0C0"
Paste this into the head of your html doc...
<style type="text/css">
<!--
body {
background: #C0C0C0 url(jumpbassbkgrnd.jpg);
background-attachment: fixed;
}
-->
</style>
This won't change the appearance but it will make it work for non-IE browsers.
kh0513
August 31st, 2005, 09:51 PM
Ok I deleted and copied this.

delete this from the body tag...

background="jumpbassbkgrnd.jpg" bgProperties=fixed BGCOLOR="#C0C0C0"

and copied this
<style type="text/css">

<!--

body {

background: #C0C0C0 url(jumpbassbkgrnd.jpg);

background-attachment: fixed;

}

-->

</style>
and the back ground never showed up ? Did I do something wrong ?
kh0513
August 31st, 2005, 09:57 PM
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta http-equiv="Content-Language" content="en-us">
<title>Home</title>
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta name="keywords" content="Home Page, Bass Club, Fishing, Fort Benning BASS Club, Fort Benning, B.A.S.S Club of Fort Benning, B.A.S.S.">
<meta name="Microsoft Border" content="none, default">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<style type="text/css">
<!--
body {
background: #C0C0C0 url(jumpbassbkgrnd.jpg);
background-attachment: fixed;
}
-->
</style>
</head>

and this is what i did not delete.
<body TEXT="#0F0000" ALINK="#0F0000" VLINK="#0F0000" LINK="#0F0000">
rockboy
August 31st, 2005, 10:11 PM
I just tried it with your code and it works fine. Check to make sure the image is in the same folder as the html file and that the file name is correct. If it's in a subfolder, such as images, you'll need to modify the url path to reflect that.

url(images/jumpbassbkgrnd.jpg)
kh0513
September 1st, 2005, 01:55 PM
Thanks, let me explain. I don't have any of my pic's in folders they are all just in my file manager on geocities.com

I don't fully understand the html, but I am eager to learn. What I don't understand is the "url" you are talking about. If I just have the b/g in my file manager and not in a folder. If I move it, i'm sure I will have to change alot of things on my site. But, I guess thats part of the learning curve.

I really do appreciate your time in this matter.
rockboy
September 1st, 2005, 07:22 PM
I checked your website (it's currently unchanged) and the background image path is the same as shown in the example I made above ( url(jumpbassbkgrnd.jpg) ). Image path is not an issue.

The background image shows up on your website now so it should work when you change the html code. If you're working with a local copy of your html file on your hard drive you need to put a copy of the background image in the same folder as the html file on your hard drive to make it show up.
oracle128
September 2nd, 2005, 03:35 PM
You can also try using background-image: url("path/to/image.file");