Cevap Gönder  

Aktif Üye
Aktif Üye
 
Yaş: 42
Kayıt: 21.05.2006
Mesajlar: 165
papuanewguinea.gif
 Resim sabitleme
 Sal 30 May, 2006 02:33
Alıntıyla Cevap GönderSayfa SonuBaşa dön

selamlar

blogumda iki resmin sabit olarak en üstte yer almasını nasıl ayarlayabilirim?

http://88-75.blogspot.com/ şu anda girersenin iki resim zaten yukarda ama nedeni son iki mesaj olmaları

yani bir mesaj göndersem aşağı incekler

her seferinde sil tekrar yollada uzun iş

bunları en tepede nasıl sabitleyebilirim?

_________________
http://88-75.blogspot.com/

88 kg'den 75'e 3 ayda nasıl düşülür? Uygulamalı anlatım.

Site Yöneticisi
Site Yöneticisi
 
Yaş: 45
Kayıt: 15.04.2006
Mesajlar: 483
Şehir: İstanbul
turkey.gif
 (Başlık yok)
 Sal 30 May, 2006 12:05
Alıntıyla Cevap GönderSayfa SonuBaşa dön

Oyun teorisi,
bunu aşağıdaki kod ile yapabilirsin. Senin şu an kullandığın template için de uygun bir kod olduğunu sanıyorum.
Resimleri http://imageshack.us/ adresinden upload edebilir ve url'sini bu siteden alıp kullanabilirsin.

Kod:
<!--- KAYNAK: http://www.kodlayici.com --->
<div id="pics0" style="position:absolute;top: 370;left:920px;cursor:move">
<img src="resmin url'si buraya" name="0">
</div>
<div id="pics1" style="position:absolute;top: 250px;left:924px;cursor:move">
<img src="resmin url'si buraya" name="1">
</div>




<script language="JavaScript">
<!-- Drag n Drop script - [email protected]
imgs=new Array("p1.gif","p2.gif","p3.gif","p4.gif","p5.gif")
load=new Array()
for(i=0; i < imgs.length; i++){
load[i]=new Image();
load[i].src=imgs[i];
}
var ns=(document.layers);
var ns6=(document.getElementById&&!document.all);
var ie=(document.all);
var n=imgs.length;
var y=null;
var x=null;
var z=null;
var w=null;
if (ns||ns6){
window.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE | Event.MOUSEUP);
document.releaseEvents(Event.MOUSEMOVE);
}
if (ns){window.onmousedown=down;window.onmouseup=up}
if (ie||document.getElementById){document.onmousedown=down;document.onmouseup=up}
function down(e){
if (ns){
if (document.layers['pics'+e.target.name]){
window.onmousemove=move;
z=document.layers['pics'+e.target.name];
y=e.layerY;
x=e.layerX;
document.layers['pics'+e.target.name].zIndex=n++;
}
else {return true}
w=z.name.charAt(z.name.length-1);
}
if (ie && window.event.srcElement.parentElement){
if  (window.event.srcElement.parentElement.id.indexOf("pics") != -1){
document.onmousemove=move;
z=window.event.srcElement.parentElement;
y=window.event.offsetY;
x=window.event.offsetX;
w=window.event.srcElement.parentElement.id.charAt(window.event.srcElement.parentElement.id.length-1);
window.event.srcElement.parentElement.style.zIndex=n++;
}
}
if (ns6){
if  (e.target.parentNode.id.indexOf("pics") != -1){
document.onmousemove=move;
z=e.target.parentNode.style;
x=e.clientX - parseInt(z.left);
y=e.clientY - parseInt(z.top);
w=e.target.parentNode.id.charAt(e.target.parentNode.id.length-1);
z.zIndex=n++;   
}
}
return false;
}
function move(e){
if (ns && z){z.left=e.pageX-x;z.top=e.pageY-y;}
if (ns6 && z){z.top=parseInt(e.clientY)-y;z.left=parseInt(e.clientX)-x}
if (ie && z){z.style.posLeft=window.event.clientX-x;z.style.posTop=window.event.clientY-y}
return false;
}
function up(e){
if (ie||ns6)document.onmousemove=null;
if (ns)window.onmousemove=null;
z=null;
}
//-->
</script>


Kod üzerinde bazı oynamalar yapman gerekebilir.
Resimlerin yerini ayarlayabilmek için url'leri koyacağın satırdaki top: 370;left:920px değerlerini arttırıp eksilterek uygun konumu belirleyebilirsin.

Kodu template'in en sonuna bırakman yeterli.


Farklı bi sorun olduğunda ilet lütfen.


Aktif Üye
Aktif Üye
 
Yaş: 42
Kayıt: 21.05.2006
Mesajlar: 165
papuanewguinea.gif
 (Başlık yok)
 Sal 30 May, 2006 13:23
Alıntıyla Cevap GönderSayfa SonuBaşa dön

şimdi dediklerini yaptım da

prewiev de güzel görünüyor ancak kaydet-republish yapıp blogu açtığımda

ilk resmin yanında "name 1" yazıyo aynı kodlardaki gibi

ikinci resimde kodda top yazmasına rağmen sayfanın en altında çıkıyor

Birde en komiği resimlerin üzerine mouse la gelince resimleri tutup istediğim yere ilerletebiliyorum))) bu neden kaynaklanıyor)?

_________________
http://88-75.blogspot.com/

88 kg'den 75'e 3 ayda nasıl düşülür? Uygulamalı anlatım.

Site Yöneticisi
Site Yöneticisi
 
Yaş: 40
Kayıt: 15.04.2006
Mesajlar: 147
Şehir: Tekirdağ
turkey.gif
 (Başlık yok)
 Sal 30 May, 2006 14:38
Alıntıyla Cevap GönderSayfa SonuBaşa dön

Sevgili Oyunteorisi alttaki kodu senin blogundan aldım

Kod:
<!--- KAYNAK: http://www.kodlayici.com --->
<div id="pics0" style="position:absolute;top: 370;left:920px;cursor:move">
<img src="<a href="http://imageshack.us"><img src="http://img117.imageshack.us/img117/3922/aatamiz11gw.jpg" border="0" width="244" alt="Image Hosted by ImageShack.us" /></a>" name="0">
</div>
<div id="pics1" style="position:absolute;top: 250px;left:924px;cursor:move">
<img src="<a href="http://imageshack.us"><img src="http://img117.imageshack.us/img117/7139/67vk9dc.gif" border="0" width="152" alt="Image Hosted by ImageShack.us" /></a>" name="1">
</div>


Dikkat edersen name taglarını img taglarının dışına kaydırmışsın... Bunun dışında bir kaç küçük noktaya daha dikkat etmen gerekiyor. Ben senin yerine gerekli düzeltmeleri yaptım

Kod:
<!--- KAYNAK: http://www.kodlayici.com --->
<div id="pics0" style="position:absolute;top: 370;left:920px;cursor:move">
<img src="http://img117.imageshack.us/img117/3922/aatamiz11gw.jpg" border="0" width="244" name="0">
</div>
<div id="pics1" style="position:absolute;top: 250px;left:924px;cursor:move">
<img src="http://img117.imageshack.us/img117/7139/67vk9dc.gif" border="0" width="152" name="1">
</div> 


Bu şekilde denersen probleminin çözüleceğini düşünüyorum.

_________________
hezarfen(@)hafifhayat.com

Site Yöneticisi
Site Yöneticisi
 
Yaş: 45
Kayıt: 15.04.2006
Mesajlar: 483
Şehir: İstanbul
turkey.gif
 (Başlık yok)
 Sal 30 May, 2006 19:21
Alıntıyla Cevap GönderSayfa SonuBaşa dön

Oyunteorisi,
Problemini Hezarfen halletmişe benziyor.
Diğer sürükle bırak meselesine gelince.
Ben bunu senin farketmeni istediğimden baştan söylememiştim. Farkettiğinde çok hoşuna gideceğini düşünmüştüm. Gördüğüm kadarıyla da yanılmamışım.
Bu kodun esas işlevi aslında resimleri hareket ettirebilmen.
Aslında en yararlı olacağı konu yap-boz yapmak gibi gözüküyor.
Ama ben en başından sana tavsiye ettiğim konu için kullanmıştım.
Umarım senin işine de yaramıştır.

_________________
[email protected]

  « Önceki başlıkArkadaşına Haber VerBu konuya bakan kullanıcıları listeleDosya olarak kaydetPrintable versionSonraki başlık »

   

Bu konuya bakanlar:0 Kayıtlı, 0 Gizli ve 0 Misafir

Çevrimiçi olanlar: Yok

 Forum Seçin:   

Telif Hakkı CC, Diyet Kardeşliği. Bazı Hakları Saklıdır.
Telif Hakkı © 2006, 2020. Diyet Kardeşliği orijinal fikri Elif Sami'ye aittir.