Pages: 1

  2008-12-21 01:02:37

aLeckS14
» FTalkManiac
FTalk Level: zero
844
0
1969-12-31

:arrow: Please move this somewhere if it's not appropriate here. You can use this tutorial in making your own web page or overlay layout. First, save the image below and open it up in PSP. [img]http

:arrow: Please move this somewhere if it's not appropriate here. You can use this tutorial in making your own web page or overlay layout. First, save the image below and open it up in PSP. [img]http://www.geocities.com/prettyinpink60103/iframe.gif[/img] After you have opened the pic in PSP select the crop tool in the upper left part of the screen -->> [img]http://www.geocities.com/prettyinpink60103/crop.gif[/img] Drag the crop tool from one corner to the other so that your screen looks like this:: [img]http://www.geocities.com/prettyinpink60103/iframecrop.gif[/img] Plaese note when you first draw the crop box around your iframe, hold the mouse. Do not release it. If you accidentally let go, draw another little crop box above it and draw it again. Then, you can look in the bottom right hand corner of the screen and there are some numbers: [img]http://www.geocities.com/prettyinpink60103/iframenumbers.gif[/img] The numbers in BLUE are the number of pixels from the left and from the top [(left, top)]. The numbers in RED are the width and height of your iframe [(width, height)]. It’s important that you know these numbers, so you should write down which frame it is and what the measurements are. You will need to do this same process for every iframe you have on your layout. Here is the code you will need to paste onto your page. It goes between the body tags (<-body-><-/body->). You need to change what’s in CAPITAL LETTERS and the #’s. [b]<DIV style=”position: absolute; top:#px; left:#px;” id=”scroll4″ style=”width:#;height:#; filter:alpha(opacity=transparent); overflow:auto”> <iframe src=”MAIN.html” name=”MAIN” width=”#” height=”#” frameborder=0></iframe></div> [/b] Just so you are sure that you have done things correctly, this would be the code for this iframe. [b]<DIV style=”position: absolute; top:138px; left:9px;” id=”scroll4″ style=”width:364;height:259; filter:alpha(opacity=transparent); overflow:auto”> <iframe src=”iframe.html” name=”iframe” width=”364″ height=”259″ frameborder=0></iframe></div>[/b] When you upload your layout with your iframes, there are two ways you can do it. You can put your layout as your background and these measurements should fit perfectly. However, if you put the layout on your page as an image, you’ll probably need to adjust your pixels to right and down a little. [i]Credits: Ftutorials.[/i]

Pages: 1

Board footer

© 2025 F Talk

Current time is 05:31

[ 12 queries - 0.008 second ]
Privacy Policy