Iframe Cropping

 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 :
<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: hiddenuntuk 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.

Artikel Terkait Joomla ,Web ,Wordpress