Background Image

  • Thread starter Thread starter Guest
  • Start date Start date
G

Guest

I'm a FP 2000 Newbie who is trying to add an image that appears faded into my
black texturized background. Not sure if this is considered WaterMarking or
not. Please help!
 
Robyn said:
I'm a FP 2000 Newbie who is trying to add an image that appears faded
into my black texturized background. Not sure if this is considered
WaterMarking or not. Please help!

No. Watermarking is adding some text or image over the top
e.g.
Copyright By ME
Copying prohibtited

I think that what you need to do is to use an image editor and change the transparency to a fairly large number, say 75%. I can do
this with Picture It!, but most image editors would do it.
 
So I would change the transparency of just the image? Hhow would I get it
onto/into a Frontpage background?

Trevor L. said:
Robyn said:
I'm a FP 2000 Newbie who is trying to add an image that appears faded
into my black texturized background. Not sure if this is considered
WaterMarking or not. Please help!

No. Watermarking is adding some text or image over the top
e.g.
Copyright By ME
Copying prohibtited

I think that what you need to do is to use an image editor and change the transparency to a fairly large number, say 75%. I can do
this with Picture It!, but most image editors would do it.

--
Cheers,
Trevor L.
[ Microsoft MVP - FrontPage ]
MVPS Website: http://trevorl.mvps.org/
 
Robyn said:
So I would change the transparency of just the image?

You need to use an image editor and how to do it depends on the image editor you are using
In Picture It!, it is
Photo & color effects
Color or texture
Transparent fade even
You then select a number between 0 and 100 - 75 looks OK to me - and click on Done.
Each image editor will have different menus, but you should eventually end up in the situation where you select a transparency
number.

After this, save the image, either as the same name or as a different name.
How would I get it onto/into a Frontpage background?

To add any code into your page, you need to use Code or HTML view
You can just cut the code below and paste it into the page.

To add a background, define a style.
This can be done in the <head> section by:
<style type = "text/css">
#mystyle {
background: url("images/myimage.jpg");
}
</style>
(Alter the name of the image.)

Then apply the style to the element
It could be :
<body class="mystyle">
or
<table class="mystyle">
 
Trevor, Thanks so much for your help. I tried using Microsoft Imager, made my
logo transparent, then I inserted my background image into the imaging
program. I then put my transparent image on top of the background image and
saved it. The problem is when I opened up the new background in FP, my logo
was all over the background in rows. It also was blurry. I only wanted it in
the center. Please see the website below as an example. It has ER vertically
on the screen. Thanks.

http://www.ellasroom.com/sleepware.htm

Trevor L. said:
Robyn said:
So I would change the transparency of just the image?

You need to use an image editor and how to do it depends on the image editor you are using
In Picture It!, it is
Photo & color effects
Color or texture
Transparent fade even
You then select a number between 0 and 100 - 75 looks OK to me - and click on Done.
Each image editor will have different menus, but you should eventually end up in the situation where you select a transparency
number.

After this, save the image, either as the same name or as a different name.
How would I get it onto/into a Frontpage background?

To add any code into your page, you need to use Code or HTML view
You can just cut the code below and paste it into the page.

To add a background, define a style.
This can be done in the <head> section by:
<style type = "text/css">
#mystyle {
background: url("images/myimage.jpg");
}
</style>
(Alter the name of the image.)

Then apply the style to the element
It could be :
<body class="mystyle">
or
<table class="mystyle">

--
Cheers,
Trevor L.
[ Microsoft MVP - FrontPage ]
MVPS Website: http://trevorl.mvps.org/
 
Robyn said:
Trevor, Thanks so much for your help. I tried using Microsoft Imager,
made my logo transparent, then I inserted my background image into
the imaging program. I then put my transparent image on top of the
background image and saved it. The problem is when I opened up the
new background in FP, my logo was all over the background in rows. It
also was blurry. I only wanted it in the center. Please see the
website below as an example. It has ER vertically on the screen.
Thanks.

http://www.ellasroom.com/sleepware.htm

I can't see the problem you are referring to.

What is the logo with the problem?
Is it "images/bg.gif" or "images/bger.gif" ?
 
I'm sorry. I guess I'm not explaining this right. What I'm trying to do is
mirror the background of this website. It uses the ER logo throughout the
page and it looks clear but faded into the background. Exactly what I'm
trying to do. Thanks for your patience.

http://www.ellasroom.com/sleepware.htm

Trevor L. said:
Robyn said:
Trevor, Thanks so much for your help. I tried using Microsoft Imager,
made my logo transparent, then I inserted my background image into
the imaging program. I then put my transparent image on top of the
background image and saved it. The problem is when I opened up the
new background in FP, my logo was all over the background in rows. It
also was blurry. I only wanted it in the center. Please see the
website below as an example. It has ER vertically on the screen.
Thanks.

http://www.ellasroom.com/sleepware.htm

I can't see the problem you are referring to.

What is the logo with the problem?
Is it "images/bg.gif" or "images/bger.gif" ?

--
Cheers,
Trevor L.
[ Microsoft MVP - FrontPage ]
MVPS Website: http://trevorl.mvps.org/
 
Robyn said:
I'm sorry. I guess I'm not explaining this right. What I'm trying to
do is mirror the background of this website. It uses the ER logo
throughout the page and it looks clear but faded into the background.
Exactly what I'm trying to do. Thanks for your patience.

http://www.ellasroom.com/sleepware.htm

I wrote a long reply to this and it disappeared when I was about to send it. (I have to tell my brain what my fingers are doing)

Anyway the main point is
Try this
<head>
<style type ="text/css">
body{
background-image: url(mybackground.gif);
background-repeat: no-repeat;
background-position: 50% 50%
}
</style>
</head>
<body>
....

Can you post the URL of the page so I/we can get a better idea of what is wrong,
e.g. why blurred, where positioned ?
 
Back
Top