PC Review Forums Computing Webmaster / Programming Transparent Iframes and scrollbars!

Closed Thread
Page 1 of 2 1 2 >
 
Thread Tools Rate Thread
Old 16-10-2003, 10:23 PM   #1
crazyguy_2k
Senior Member
 
crazyguy_2k's Avatar
 
Join Date: Apr 2002
Posts: 102
Trader Rating: (0)
Default Transparent Iframes and scrollbars!
Hey thought ill give a little tutorial

Transparent Iframe

Place this code to where u want ur Transparent Iframe to be:

<iframe src="URL OF FIRST PAGE" FRAMEBORDER="0" width="NUMBER" height="NUMBER" name="IFRAME NAME" style="position:absolute;left:NUMBERpx;top:NUMBERpx;"
allowtransparency="true"></iframe>

Now on each of ur subpages.. add this code:

<body style=background-color:transparent>

Thats all for a transparent Iframe


Transparent ScrollBar

1. place this code in. (it is an IFrame)

<iframe src="welcome.htm" FRAMEBORDER="0" width="NUMBER" height="NUMBER" name="stuff" style="position:absolute;left:NUMBERpx;top:NUMBERpx;" allowtransparency="true" style="FILTER: chroma (color=FFFFFF)">

2. change the "FFFFFF" into another hex code color if other parts of your layout is FFFFFF. it must be a color that you didnt use for your layout.
3. now go to your css sheet and put FFFFFF (or the color you chose) in the place where you would like to be transparent. here is an example of:

<!--BODY{
scrollbar-face-color: #36243A;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #36243A;
scrollbar-darkshadow-color: #36243A;
scrollbar-shadow-color: #36243A;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #FFFFFF;
}
-->

and now your done! wasnt that easy?



Hope that helps anyone!



:brow:
:P
crazyguy_2k is offline   Reply With Quote
Old 17-10-2003, 04:20 PM   #2
Ian Cunningham
Rocket Scientist
Administrator
 
Ian Cunningham's Avatar
 
Join Date: Feb 2002
Location: Manchester, UK
Posts: 13,522
Trader Rating: (0)
Default
Cheers

I didnt realise this was possible, so I will have to give it a try tonight!
__________________
PC Review - Editor-in-Chief
Ian Cunningham is offline   Reply With Quote
Old 17-10-2003, 04:50 PM   #3
crazyguy_2k
Senior Member
 
crazyguy_2k's Avatar
 
Join Date: Apr 2002
Posts: 102
Trader Rating: (0)
Default Re: Transparent Iframes and scrollbars!
if you use Microsoft Front page though

you will have to make the sub domains and then open them in notepad and paste

<body style=background-color:transparent>

in , becuase for some reason frontpage dont like it and just deletes it

but it werks
crazyguy_2k is offline   Reply With Quote
Old 18-10-2003, 11:47 AM   #4
muckshifter
Captain Crunchie, Retired
Super Moderator
 
muckshifter's Avatar
 
Join Date: Mar 2002
Location: In a Hovel
Posts: 17,435
Send a message via MSN to muckshifter
Trader Rating: (1)
Default
Quote:
because for some reason FrontPage don’t like it and just deletes it
Front page is NOT a good idea ... its coding is terrible ... see me for a 'lone' of Dreamweaver Matt, and then see what you can do.
__________________
I'm not grouchy by nature, it takes constant effort.



Flickr

Every day I beat my own previous record for number of consecutive days I've stayed alive.
muckshifter is offline   Reply With Quote
Old 18-10-2003, 02:18 PM   #5
crazyguy_2k
Senior Member
 
crazyguy_2k's Avatar
 
Join Date: Apr 2002
Posts: 102
Trader Rating: (0)
Default
ok then , but i start work this monday so it wil, have to b on a week end or something
crazyguy_2k is offline   Reply With Quote
Old 18-10-2003, 02:18 PM   #6
Ian Cunningham
Rocket Scientist
Administrator
 
Ian Cunningham's Avatar
 
Join Date: Feb 2002
Location: Manchester, UK
Posts: 13,522
Trader Rating: (0)
Default
Frontpage isn't too bad - Dreamweaver is generally better though

Dreamweaver is great for complex coding and for more advanced users (if you use iframes and coding, as you are). Frontpage is ideal for people who don't know what they are doing though
__________________
PC Review - Editor-in-Chief
Ian Cunningham is offline   Reply With Quote
Old 18-10-2003, 02:27 PM   #7
crazyguy_2k
Senior Member
 
crazyguy_2k's Avatar
 
Join Date: Apr 2002
Posts: 102
Trader Rating: (0)
Default
Quote:
Originally posted by Ian Cunningham
Frontpage isn't too bad - Dreamweaver is generally better though

Dreamweaver is great for complex coding and for more advanced users (if you use iframes and coding, as you are). Frontpage is ideal for people who don't know what they are doing though


ok thanks lol

this is realy my first site, (3rd layout though) so first off i didnt know what i was doing , i just woke up one morning and said to myself i gona make a site :crazy:

so i asked my firends what programmes to use, and one suggested frontpage, which his site looks great

so that why i used forntpage lol
crazyguy_2k is offline   Reply With Quote
Old 02-12-2003, 11:05 PM   #8
crazyguy_2k
Senior Member
 
crazyguy_2k's Avatar
 
Join Date: Apr 2002
Posts: 102
Trader Rating: (0)
Default
Well when i used the iframe on geocities and the page builder, i just left that part out i kept it within the script but never filled andthing in or took anything out!

then once the script is inserted make the blue box thingy which contains the script the size on which u set the iframe to be and just use that as a template to where on the page the iframe would go.


hope it helps!
crazyguy_2k is offline   Reply With Quote
Old 24-03-2004, 12:57 AM   #9
rh_flyboy
Junior Member
 
Join Date: Mar 2004
Posts: 1
Trader Rating: (0)
Default
Nice, This is what I was looking for.

But how could you load with a link or hotspot an other page into the iframe?
rh_flyboy is offline   Reply With Quote
Old 16-06-2004, 01:13 AM   #10
wildstyle
Junior Member
 
Join Date: Jun 2004
Posts: 1
Trader Rating: (0)
Question Re: Transparent Iframes and scrollbars!
So far so good for a transparent IFRAME.

However, I have a slightly different need. I have created an IFRAME, but the text inside the frame is very long. So, I wanna have a scrollbar inside the IFRAME. I tried the scrolling=true option but even then, I don't see any sing of the scroll bar. The only possible means to scroll down the text is to drag the mouse.

Could you tell me how to modify my code so that even though the IFRAME becomes transparent, the scrollbar remains visible?

I am using IE and I have no problem if this feature is compatible only to IE.
wildstyle is offline   Reply With Quote
Closed Thread

Archive
Page 1 of 2 1 2 >


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
vB code is On
Smilies are On
[IMG] code is On
HTML code is Off