Berikut adalah kode untuk croping iframe
<div style=”overflow:hidden;” > <iframe width=”600″ height=”785″ frameborder=”0″ scrolling=”no” src=”http://forexfactory.com/market.php” style=”margin-top:-110px; margin-left:-180px” ></iframe>
</div>
kode diaatas di pakai dalam support-data.blogspot.com
conto lain :
dikembangkan dari : http://stackoverflow.com/questions/5676672/how-do-i-crop-the-contents-of-an-iframe-to-show-a-part-of-a-page
ada solusi dengan menempatkan
<div style=”overflow:hidden;” > <iframe width=”600″ height=”785″ frameborder=”0″ scrolling=”no” src=”http://forexfactory.com/market.php” style=”margin-top:-110px; margin-left:-180px” ></iframe>
</div>
kode diaatas di pakai dalam support-data.blogspot.com
conto lain :
<iframe src="http://www.forexfactory.com/calendar.php?do=geteventinfo&day=2012-5-9#details=39372" scrolling="no" height="282" width="664" style="position: relative; left: -200px; top: -100px">
dikembangkan dari : http://stackoverflow.com/questions/5676672/how-do-i-crop-the-contents-of-an-iframe-to-show-a-part-of-a-page
ada solusi dengan menempatkan
iframe
ke dalam sebuah div
wadah yang memiliki tinggi didefinisikan dan lebar, dan overflow: hidden
untuk klip port tampilan: <div style="width: 500px; height: 500px; overflow: hidden">
dan memberikan iframe
posisi relatif: <iframe src="..." style="position: relative; left: -100px; top: -100px">
cara ini, Anda dapat menyesuaikan bagian dari iframe yang terlihat pada halaman. Namun, seluruh halaman masih akan diberikan, dan pendekatan ini tidak kebal terhadap pengaruh seperti bergulir di dalam iframe.
0 komentar:
Posting Komentar