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.
Tidak ada komentar:
Posting Komentar