Diyet Kardeşliği

Blog Yardımı - Resim sabitleme
oyunteorisi - Sal 30 May, 2006 02:33
Mesaj konusu: Resim sabitleme
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?
Auryn - Sal 30 May, 2006 12:05
Mesaj konusu:
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.
oyunteorisi - Sal 30 May, 2006 13:23
Mesaj konusu:
ş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)?
Hezarfen - Sal 30 May, 2006 14:38
Mesaj konusu:
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.
Auryn - Sal 30 May, 2006 19:21
Mesaj konusu:
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.
http://www.diyetkardesligi.com