View Full Version : Lightened frame question


Fool of a Took
03-29-2003, 08:50 AM
Okay, I know how to make transparent frames, but how do you make the part of the picture that's in the frame lightened? You know, so your text will show up a little better.

Here is an example: http://www.kenekila.net/gonyfans/

See how the part of the picture that's inside the frame is lighter?

How do you do that..?

epolady
03-29-2003, 08:54 AM
Basically all this person did was cut out that part of their image and lighten it with a graphics program, then make that lightened image the background of the iframe.

Fool of a Took
03-29-2003, 08:59 AM
I've seen it on quite a few other websites as well. So *they all* did it themselves?

Is there a way to lighten pictures using Paint Shop Pro 7? If there is, I can't find it.

Here is another example: http://instantinsanity.net/willow
Thanks.

epolady
03-29-2003, 09:08 AM
I'm sure some have use the CSS filter: opacity code, but then your text will be lightened as well.

There's a few ways you can lighten, whichever is best is up to you.

1. Cut out the portion of the image that will be your iframe.
Promote to layer (in the layer palette) and reduce the layer opacity (in layer palette). Save, etc.

2. Cut out the portion of the image that will be your iframe. Create a new layer (in the layer palette) and fill the top layer with white (using your bucket/flood fill tool), reduce the layer opacity in the layer palette. Save, etc.

Sheila
03-29-2003, 09:16 AM
The way Epolady suggested to do it is the most reliable way. But if you don't want to do it that way. Try looking at these threads:
http://www.lissaexplains.com/forum/search.php?action=showresults&searchid=57889&sortby=lastpost&sortorder=descending

Fool of a Took
03-29-2003, 08:33 PM
Ok, thanks! I figured it out.

LaCubanita75
03-30-2003, 02:12 AM
hey! ok if you want to make the background of the iframe lighter, or more transparent (the same thing), you have to change the opacity. For this u sue divs.

This is the code for it:

<div style="position: absolute; left:37px; top:146px; z-index:1; overflow: auto; padding: 0px; border: 0; background= none; filter: Alpha(Opacity=80, FinishOpacity=0);">
<iframe src=http://mabel48.diaryland.com name=mainframe width=246 height=216 border=0 frameborder=0></iframe>
</div>

You have to change where it says opacity=80 (in bold) to the percent you want it to be. try with different percentages to figure it out. Of course, you can change the rest of the things to fit ur site.

Ok, now if you want to change the opacity using psp all u have to do is create a new layer ON TOP of your image. Then draw a WHITE rectangle (using the shapes tool) then change the opacity of it to the percent u want. (i forgot how to change the opacity but it is kinda obvious) In adobe photoshop, u do the same thing except to change the opacity just move the lil arrow in ur layers palette (at the very top of it) to the percent u want. OK all done!