PDA

Orijinalini görmek için tıklayınız : iframe ile sitenin belirli bir alanını almak.



unidozer
09-05-2012, 11:44
merhaba arkadaşlar.

beceremediğim birşey var.

bildiğiniz gibi frame kodu site içerisinden bir alan almakla ilgili.
bildiği kadarı ile de iframe kodu başka bir siteden bir alanın görüntüsünü almakla ilgili.
bir site yapıyorum ve rotahaber sitesinin slider bölümünü yaptığım sitenin üst tarafında göstermek istiyorum.
iframe ile klasik şekilde alınca olmuyor haliyle.
fakat iframe ile sitenin belirli bir bölgesinin alınabileceğini biliyorum
fakat nasıl yapacağımı bilemiyorum. :)

iframe ile sol ve üst köşeden başlıyor göstermeye.
fakat ben örneğin;

soldan 300 px
üstten 400 px

içeriye girsin istiyorum.

Rotahaber - Gncel Haberler, Haber, Yerel Haberler, Spor Haberleri, nal Tank (http://www.rotahaber.com/) sitesine bakarsanız sliderı görebilirsiniz.

şimdiden teşekkürler.

Ümit
09-05-2012, 12:24
http://cyberstarweb.com/2010/06/how-to-position-a-page-within-an-iframe-using-css/


<style>
#outerdiv {
width: 250px; position: relative;
}
#innerdiv {
position: absolute; left: -320px; top: -220px;clip:rect(220px 600px 660px 0px);
}
</style>


<div id="outerdiv">
<div id="innerdiv">
<iframe width="600" height="660" src="http://en.wikipedia.org/wiki/Tutankhamun" scrolling="no" frameborder="0"></iframe>
</div>
</div>

Sayfanın belli bir kısmını iframe ile göstermek | Cigicigi Online (http://www.cigicigi.co/sayfanin-belli-bir-kismini-iframe-ile-gostermek.html)


#disarisi

{

height: 500px;

overflow: hidden;

position: relative;

width: 635px;

}

#icerisi

{

height: 730px;

left: -10px;

position: absolute;

top: -260px;

width: 640px;

}



<div id="disarisi"><iframe id="icerisi" src="http://www.cigicigi.co" frameborder="0" scrolling="no" width="320" height="240"></iframe></div>

unidozer
09-05-2012, 12:53
sanırım ben beceremiyorum.

kodları olduğu gibi ekledim. px değerlerini düzenledim. olmadı. zaten o makaleyi okuyup denemiştim. bir kere daha denedim yinede olmadı

yine de olmadı.

unidozer
09-05-2012, 13:21
866

görünümü bile bozdu :)

Ümit
09-05-2012, 13:22
<style>
#outerdiv {
width: 250px; position: relative;
}
#innerdiv {
position: absolute; left: -2px; top: -370px;clip:rect(220px 520px 760px 0px);
}
</style>

<div id="outerdiv">
<div id="innerdiv">
<iframe width="520" height="760" src="http://www.rotahaber.com/" scrolling="no" frameborder="0"></iframe>
</div>
</div>

Kodları yukarıdaki şekilde düzenlediğimiz de sizin istediğiniz gibi oluyor.

unidozer
18-05-2012, 13:24
herşey tamam. istediğim şekilde gösterebiliyorum. fakat mevcutta birazcık geniş :) siad.ajansfilm.com. anasayfada görünen slider rotahaber sitesinden çekiliyor. fakat tema yapısından dolayı sağ taraftan sığmıyor. bu yüzden iframe kodu kullanırken görünen iöeriği bozmadan orantılı olarak nasıl küçültürüm ?

temayı genişletmek basit fakat diğer sayfalardada (sayfa, kategori, etiket, makale) temanın kendi sliderını kullanıyorum. bu durumda temayı bozmuş olurum. rotahaberden çektiğim slider'ı nasıl küçültürüm ? standart yöntemle denedim olmadı. sizce nasıl olmalı ?

Ümit
18-05-2012, 14:54
Aşağıdaki sayfayı inceleyebilirsin. + "http://www.google.com/search?sourceid=chrome&ie=UTF-8&q=iframe-size" olarak arama yapabilirsin.

http://futtta.be/squeezeFrame/ (Opera da çalışmıyormuş.)


<script type="text/javascript" src="/path/to/squeezeFrame.js"></script>
<script type="text/javascript">
myContainer="http://url.to/container-page/";
myMax=0.25;
myRedraw="both";
</script>

Macit
18-05-2012, 20:37
Çok ayrıntılı inceleyemedim, buradaki (http://www.dynamicdrive.com/dynamicindex17/indexb.html) içerikleri bir inceleyebilirsin, fırsat bulur bulmaz detaylı bakıp yardımcı olmaya çalışacağım.

unidozer
21-05-2012, 12:14
link'i tıkladım da alakasız bir sayfa açılıyor.

esvet
11-06-2012, 10:31
ya bunun la ilgili bir program flan yokmu acaba