Software Tutorials |
|
Website Templates Types |
|
|
Website Templates Categories |
|
|
Partners |
|
|
Featured Free Templates |
|
|
|
:: Free Website Templates
Do You Like Our Website? Share With Others!
      
Page: 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25 Welcome To WebDesignTutorials.net HTML and CSS Tutorials Area - Transparent IFrames
HTML and CSS Tutorial - Transparent IFrames
If you don't already have a bsic knowledge
of IFrames, click here. OK, let's
get started! To make the backgrounds on your IFrames
transparent, copy the code below.
| <div
style="position: absolute; top:300; left:400">
<IFRAME src="PAGEURL.htm" name="frame" width="200" height="200"
frameborder="0" allowtransparency="true"></iframe></div> |
Edit
all of the numbers. The width and height determine how big
your IFrame will be. The top and left numbers determine where
the IFrame will be placed on your site. The larger the number
for the top position is, the further down it will go. The
larger the left number is, the further right it will go. Keep
altering these numbers until you are happy with them. You also
must change PAGEURL.htm to the url of your IFrame. Now copy
the code below, and paste it into the <head> tag
of the page you are linking to (in other words the page that
you replaced PAGEURL.htm with).
| <style>
<!--
BODY
{
background-color: transparent;
}
-->
</style> |
Transpafent IFrame example
|
Advertisements |
|
| Graphic Software, Flash Templates, Free Stock Photos, Web Templates, Web Design, Corporate Web Design, Royalty Free stock Photo, Affordable Website Design, Submit site, Add Url, Stock Photos, Survey Software, Anti Virus Software, E mail software, Computer Software |
|
