0

我正在尝试将某人的博客(经他们的许可)嵌入到我的博客中。我正在使用 iframe 执行此操作,并且只想裁剪他的博客的一部分。我发现一些代码删除了我想嵌入他的博客的静态页面上的一些元素(以腾出更多空间),以及如何在 iframe 中移动他的博客,以便将其裁剪到我想要的位置.

我现在唯一的问题是我希望我正在裁剪的位出现在我博客的主包装中,以便它看起来更加集成。如果您查看我博客的测试页面,您会明白我的意思....

damianp1.blogspot.co.uk

主包装器(如果是这样的话)漂浮在 iframe 之上。

这是我用来执行上述操作的html...

<style type="text/css">

.blog-pager, .footer, .comments, .post-footer, .main-background, .feed-links, .post-   title, .sidebar, #Attribution1, #footer-wrapper .sidewrapper { display:none !important;}
#main-wrapper {width: 95%; float:none; margin: 0 auto !important;}

</style>
</b:if>
<style>]


#outerdiv {width: 250px; overflow:hidden; position: relative;}
#innerdiv {position: absolute; left: -360px; top: -100px;clip:rect(250px 1700px 20000px 329px);}
</style>

<div id="outerdiv">
<div id="innerdiv">
<iframe width="1000" height="30000" src="http://birdingsthelens.blogspot.co.uk/"  id=’innerdiv’ scrolling="no" frameborder="0"></iframe>
</div>
</div>

如何将裁剪的博客部分放入主包装器中,或者有更好的方法吗?您可能会说我对 HTML 一无所知,我只是在复制和粘贴从网上找到的一些代码!

干杯,达米安

4

1 回答 1

0

要将 iframe 放入蓝色区域,您需要删除所有与innerdiv(包括div标签本身)相关的样式,因为它们不需要...

<style type="text/css">

.blog-pager, .footer, .comments, .post-footer, .main-background, .feed-links, .post-   title, .sidebar, #Attribution1, #footer-wrapper .sidewrapper { display:none !important;}
#main-wrapper {width: 95%; float:none; margin: 0 auto !important;}

</style>
</b:if>
<style>]


#outerdiv {width: 250px; overflow:hidden; position: relative;}
</style>

编辑:

<div id="outerdiv" style="width: 600px; overflow: hidden">

<iframe width="850" style="position: relative; left: -280px; top: -290px" height="30000" src="http://birdingsthelens.blogspot.co.uk/" scrolling="no" frameborder="0"></iframe>
</div>

使用相对位置,您可以裁剪掉任何不需要的内容。

注意:如果您希望内容是页面宽度,而不是蓝色区域的标准尺寸,这里是尺寸:

<div class="post-outer" style="width:875px">
<div id="outerdiv" style="width: 900px; overflow: hidden">
<iframe width="1300" style="position: relative; left: -440px; top: -290px" height="30000" src="http://birdingsthelens.blogspot.co.uk/" scrolling="no" frameborder="0"></iframe>
于 2013-07-01T01:27:58.227 回答