|
Show Other Web Pages Dynamic Content In Your Add Space
1 Attachment(s)
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. 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. |
I am using 3.8.xx but it looks like this should work on it also since it is html inserted... just need to go thru templates.
I'll try it and let you know. |
Please do. I would like to know how it works out for you. One thing you can change is near the bottom. That is scrolling=no to yes. That will allow the hole page to be seen in the I-Frame window.
|
Nice idea,Is there a way to get these details easy??
(The next width and height is the location on the in the other page that will be displayed.) |
Quote:
Yes on the second width and height, that is the area the I frmae will target. I just ran across this code on page 9837 while googling I-Frames and it worked,,,,,.... :) |
| All times are GMT. The time now is 01:05 PM. |
Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.
| X vBulletin 3.8.12 by vBS Debug Information | |
|---|---|
|
|
 More Information |
|
|
Template Usage:
Phrase Groups Available:
|
Included Files:
Hooks Called:
|