wmaraci reklam
lidertakipci

Sitenin aşağı tarafına kayan resim koyma

5 Mesajlar 1.200 Okunma
advertseo
wmaraci reklam

ZagorCan ZagorCan WM Aracı Kullanıcı
  • Üyelik 18.06.2014
  • Yaş/Cinsiyet 31 / E
  • Meslek Ogrenci
  • Konum Adana
  • Ad Soyad B** A**
  • Mesajlar 391
  • Beğeniler 16 / 55
  • Ticaret 10, (%100)
Merhaba arkadaşlar, sitemde yılbaşı için aşağı tarafa bi kar resmi koymaya çalışıyorum fakat bi türlü aşağıya yakın yapamadım. Padding ve Margin değerleri ile denedim fakat ekran boyutu artınca yukarda kalıyor. Ayrıca sonsuza kadar aşağıya iniyor :) Bunları nasıl düzeltebilirim acaba ?
Site adresim csarenasi.com
Kod şu şekilde :


<script>
var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 0 //set x offset of bar in pixels
var startY = 0 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}

function staticbar(){
barheight=document.getElementById("topbar").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("topbar");
stayTopLeft();
}

if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.staticbar
</script>






 

 

wmaraci
reklam

cglrbkyrk cglrbkyrk Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 07.12.2015
  • Yaş/Cinsiyet 30 / E
  • Meslek web tasarım
  • Konum Adana
  • Ad Soyad Ç** B**
  • Mesajlar 101
  • Beğeniler 17 / 14
  • Ticaret 1, (%100)
html 5 olarak yapabilirsin.


buraya içerikler gelicek.
 

 

ZagorCan ZagorCan WM Aracı Kullanıcı
  • Üyelik 18.06.2014
  • Yaş/Cinsiyet 31 / E
  • Meslek Ogrenci
  • Konum Adana
  • Ad Soyad B** A**
  • Mesajlar 391
  • Beğeniler 16 / 55
  • Ticaret 10, (%100)

cglrbkyrk adlı üyeden alıntı

html 5 olarak yapabilirsin.


buraya içerikler gelicek.


Hocam şöyle söyleyim kullandığım sistem mybb headera ekliyorum bu kodları direk footera eklersem footerda sabit kalır istediğim şey mouse ile aşağı indikçe resimde birlikte kaysın ekranın en aşağı tarafında ben mousu ne zaman indirirsem oda insin. Sitemi incelerseniz ne demek istediğimi daha rahat anlarsınız belki http://csarenasi.com
 

 

BCanKARA BCanKARA Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 02.11.2015
  • Yaş/Cinsiyet 33 / E
  • Meslek Mühendis
  • Konum -
  • Ad Soyad B** K**
  • Mesajlar 621
  • Beğeniler 168 / 255
  • Ticaret 2, (%100)
Padding değil de bottom:0; olsun ve position: fixed; olsun. Birde z-index koydun mu tamamdır diye düşünüyorum. Javascript gerektirmez diye düşünüyorum ama detaylı bakmak lazım. Sen z-index 1 yap eğer 1 den yukarıda bir şey varsa onu geçecek şekilde yap. Mesela z-index:1 varsa 2 yap fark etmez maksat en üstte tutmak. Sonra bir resime bu css leri tanıt.

Örn:

.resim{
position:fixed;
z-index:1;
bottom:0;
width:100%;
height:Apx; boyutu neyse işte
}



gibi. Kolay gelsin.
 

 

wmaraci
wmaraci

ZagorCan ZagorCan WM Aracı Kullanıcı
  • Üyelik 18.06.2014
  • Yaş/Cinsiyet 31 / E
  • Meslek Ogrenci
  • Konum Adana
  • Ad Soyad B** A**
  • Mesajlar 391
  • Beğeniler 16 / 55
  • Ticaret 10, (%100)
Gerek kalmadı zaten hocam yaa teşekkürler js yerine html css ile hallettim :)
 

 

wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al