İyinet'e Hoşgeldiniz!

Türkiye'nin En Eski Webmaster Forum'una Hemen Kayıt Olun!

Kayıt Ol!

Sitemize Kayan Banner Ekleyelim

yusufcanol

0
İyinet Üyesi
Katılım
28 Aralık 2010
Mesajlar
32
Reaction score
0
Konum
Antalya
Bir duyurunuz, isteğiniz var ya da reklam yayınlamak ve ziyaretçinize bunu rahatsızlık vermeden göstermek istiyorsunuz. Bunu nasıl yapabiliriz ? Javascript ile bunu yapmak mümkün. Ancak çoğu yerde ya istemediğiniz tarzda ya da çalışmayan kodlarla karşılaşabilirsiniz.

Şahsen kullandığım kodları siz de şöyle kullanabilirsiniz.

Kullanmamız gereken Javascript kodumuz.
<head>
etiketinden sonra kullanıyoruz.
PHP:
<script type="text/javascript">
var persistclose=1 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 10 //set x offset of bar in pixels
var startY = 5 //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("duyuru").style.visibility="hidden"
}

function staticbar(){
barheight=document.getElementById("duyuru").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()", 0);
}
ftlObj = ml("duyuru");
stayTopleft();
}

if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>
Şimdi görüntümüzü biraz kişiselleştirelim. Bunun için style belirliyoruz.
Style.css dosyasına

PHP:
#duyuru{
position:absolute;
border: 0px solid black;
padding: 0px;
background-color: white;
width: 111px;
visibility: hidden;
z-index: 0;
}
Ekliyoruz.

Artık sayfamızda gösterelim kodumuzu.

PHP:
<div id="duyuru">
Buraya göstermek istediğimiz kodu yazıyoruz.
</div>


Son kodu header.php de <head> etiketinden sonra eklerseniz her sayfada gözükür.

Bu Javascript kodu göstermek istediğiniz nesneyi sayfanızın solunda gösteriyor. Kodda bulunan “left” alanlarını “right” olarak değiştirirseniz sayfanızın solunda gösterebilirsiniz.

İşte bu kadar. Kolay gelsin.

Kaynak : http://kenancanol.com/2011/sitemize-kayan-banner-ekleyelim/
 

Türkiye’nin ilk webmaster forum sitesi iyinet.com'da forum üyeleri tarafından yapılan tüm paylaşımlardan; Türk Ceza Kanunu’nun 20. Maddesinin, 5651 Sayılı Kanununun 4. maddesinin 2. fıkrasına göre, paylaşım yapan üyeler sorumludur.

Backlink ve Tanıtım Yazısı için iletişime geçmek için Skype Adresimiz: .cid.1580508955483fe5

Üst