camoit
01-30-2012, 11:00 PM
Works with 4.1.11
It has taken me some time to find a good I-Frame code to use that will show a certain area of another web page. (I'm not a coder nor do I clam to be) Lets say you have an advertiser that pays you for space on your site, and they are always changing there content. So they call you up and want you to change the the way the add looks. Well with this little I-Frame code you can point to there site and take just the area they are always changing or the part you want to show in your add space. Now they can change the add at any time they want. with out bothering you.
Just take this code and place it in the HTML area of your add space. You can adjust the size of the window and location on the fly to get it just the way you want.
Easy install because it's just copy and paste.
Copy the code below and paste it in your new add space using your add space manager. If the size is to big your board will not display it, so make it smaller. The size is currently set to work in the add space below the navbar. (It's the size I'm currently using)
To see it in action just go to my board (http://www.mightyram50.net/vbulletin/forum.php). It's just below the Navbar. It's the "Currently Playing " and it changes all the time automatically, and over 480 times per day.
Things to play with.
Change the title, or remove it.
The first width and height is the overall size of the window.
The next width and height is the location on the in the other page that will be displayed.
Last is near the bottom. You will need to put in the URL of the page you want to show.
Thats it copy and paste, your done.
Enjoy............................................. .................................................. ....
<html>
<head>
<title>Your Title Here</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" >
<style type="text/css">
#outerdiv
{
width:790px;
height:240px;
overflow:hidden;
position:relative;
}
#inneriframe
{
position:absolute;
top:-160px;
left:-318px;
width:1270px;
height:1200px;
}
</style>
</head>
<body>
<div id='outerdiv'>
<iframe src="http://www.The Target Url Here" id='inneriframe' scrolling=no></iframe>
</div>
</body>
</html>
---------------------------------------------------------------------------------------------------
I added a .txt download for the people that want it in note pad.
It has taken me some time to find a good I-Frame code to use that will show a certain area of another web page. (I'm not a coder nor do I clam to be) Lets say you have an advertiser that pays you for space on your site, and they are always changing there content. So they call you up and want you to change the the way the add looks. Well with this little I-Frame code you can point to there site and take just the area they are always changing or the part you want to show in your add space. Now they can change the add at any time they want. with out bothering you.
Just take this code and place it in the HTML area of your add space. You can adjust the size of the window and location on the fly to get it just the way you want.
Easy install because it's just copy and paste.
Copy the code below and paste it in your new add space using your add space manager. If the size is to big your board will not display it, so make it smaller. The size is currently set to work in the add space below the navbar. (It's the size I'm currently using)
To see it in action just go to my board (http://www.mightyram50.net/vbulletin/forum.php). It's just below the Navbar. It's the "Currently Playing " and it changes all the time automatically, and over 480 times per day.
Things to play with.
Change the title, or remove it.
The first width and height is the overall size of the window.
The next width and height is the location on the in the other page that will be displayed.
Last is near the bottom. You will need to put in the URL of the page you want to show.
Thats it copy and paste, your done.
Enjoy............................................. .................................................. ....
<html>
<head>
<title>Your Title Here</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" >
<style type="text/css">
#outerdiv
{
width:790px;
height:240px;
overflow:hidden;
position:relative;
}
#inneriframe
{
position:absolute;
top:-160px;
left:-318px;
width:1270px;
height:1200px;
}
</style>
</head>
<body>
<div id='outerdiv'>
<iframe src="http://www.The Target Url Here" id='inneriframe' scrolling=no></iframe>
</div>
</body>
</html>
---------------------------------------------------------------------------------------------------
I added a .txt download for the people that want it in note pad.