Just copy the following code before </head>
<style>
#outerdiv
{
width:446px;
height:246px;
overflow:hidden;
position:relative;
}
#inneriframe
{
position:absolute;
top:-412px;
left:-318px;
width:1280px;
height:1200px;
}
</style>
Step2:-
go to post-new post-copy the following code and paste it in "Edit HTML" area
Note:-change the url address which you want to show in frame.
<div id='outerdiv'>
<iframe src="http://www.yahoo.com/" id='inneriframe' scrolling=no></iframe>
</div>
Demo&source
click Here
just put your cursor at ">" of table the pages of yahoo.com changes automatically.
Customisation
If you want to show a particular part of a single web page.
change the height, width, top margin etc of the following code.
Step2:-
go to post-new post-copy the following code and paste it in "Edit HTML" area
Note:-change the url address which you want to show in frame.
<div id='outerdiv'>
<iframe src="http://www.yahoo.com/" id='inneriframe' scrolling=no></iframe>
</div>
0 comments:
Post a Comment