Sol tarafta hareketli destek olacam

[ALeeNN]

Sitenin Sol tarafına hareketli destek olacam kodu
chatlak49 adlı arkadaşımızın buradaki konuda vermiş olduğu destek olucam özelliğinin bir başka versiyonudur. Nasıl derseniz, valla bırakmam diye bir özellik vardı, siteye üye olmayanlara sol da ve sayfanın aşağı yukarı hareketiyle yer değiştiren bir özellikti. İşte aşağıda verdiğim kodlar chatlak49 adlı arkadaşımızın destek olucam özelliğine valla bırakmam özelliği kazandırıyor yani sol kısımda ve hareketli oluyor.

Eklentinin Kurulumu:

Temanızın şablonlarından anasayfa sablonlarındaki index sablonunu açıp aşagıdaki kodu bulun.

Kod:

{$footer}

Ve aşagıdaki kodları bu kodun altına ekleyin.

Kod:

<!-- Destek Olacam Kodu Başlangıcı -->
<script type="text/javascript">
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.onload=staticbar
</script>

<div id="topbar" style="position: absolute; left: 0px; top: 0px;">
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<script type="text/javascript">function goster(blockId)  {    
document.getElementById(blockId).style.display = "block";  }  
function gizle(blockId)  {    
document.getElementById(blockId).style.display = "none";  }
</script>

<div id="destek1" align="left">
<a href="javascript:void(0);" onClick="gizle('destek1');goster('destek2');" title="Bahşiş Kutusu">
<img src="{$theme['imgdir']}/destek_olacam.png" border="0">
</a>
</div>

<div id="destek2" style="display:none" align="left" style="margin-left:4px; margin-bottom: 4px;">
<a href="javascript:void(0);" onClick="gizle('destek2');goster('destek1');">
<img src="{$theme['imgdir']}/destek_olcam_kapat.png" border="0">
</a>

<br>

<tr>
<div id="reklam" style="display:none">
<tr>
<td width="40">Reklam Kodları Buraya Eklenecek
</td>
<td>

<script language="JavaScript" type="text/javascript">
sid=96542;channel=122067;w=180;h=150;wmid=49847;domain ="madenciyim.net";
kategori ="16";
gosterim="TBF";adsrv=1;arkaplan="FFFFFF";
baslik="000000";
aciklama="000000";
kenarlik="123456";
jsai="78dac2f9c565fb97";</script>

<a href="javascript:void(0);" onClick="gizle('reklam');goster('butonlar');">
<br>
<b>
<img src="{$theme['imgdir']}/destek_olcam_geri.png" border="0"></b>
</a>
  


</a>
</font>
</td>
</tr>
</div>
<div id="butonlar">

<tr>
<td align="center">
<a href="javascript:void(0);" onClick="gizle('butonlar');goster('reklam');">
<img border="0" src="{$theme['imgdir']}/destek_olcam_reklam_tiklicam.png" width="150" height="35">
</a>
</td>
</tr>
<br>
<tr>
<td align="center">
<a href="http://buraya reklam verilecek iletişim kutusu linki gelecek/reklam-vericem-t-1455.html"> <img src="{$theme['imgdir']}/destek_olcam_reklam_vercem.png" border="0"></a>
</td>
<br>
</td>
</tr>
<tr>
<td align="center">
<a href="javascript:void(0);" onClick="alert('Yok artık utan beee  o kadar faydalanıyorsun bir destek olur insan :) Hiç degilse bir reklama tıkla...');">
<img border="0" src="{$theme['imgdir']}/destek_olcam_dagilin.png" width="150" height="35">
</a>
</td>
</tr>
</div>
</form>
</td>
</tr></div>
<!-- Destek Olacam Kodu Bitişi -->

Aşağıdaki resimleri de sizlere hediye ediyorum bu resimleri tema klasörünüzün içine upload ediniz.












Ekran Görüntüleri:





NOT-1:Sitenize Eklemeden Önce Reklam Kodlarını Ve Linkleri Düzenleyin
NOT-2:Bütün Sayfalarda Görünmesini İstiyorsanız kodları footer şablonunu en altına ekleyin...

[ByPoLaT]

Teşekkurler Güzelmiş Sağol

[xpserkan]

Teşekkürler @ AleeNN, 2 versiyonu birbirine katıp sayfayla birlikte kayan şekle getirmişsin evet çok ve kullanılışlı olmuş,eline sağlık diyorum.

Not: Konu Gerekli Bölüme Taşınmıştır.

[RebeL]

Bende eline sağlık diyorum .

[ALeeNN]

Reca ederim xpserkan sağolsun ondan öğrendiklerimle bişiler yapmaya çalışıyorum. Sizlere faydalı olabilidiysem ne mutlu bana...

[CraCkEr-16]

Çok Güzel olmuş ellerine sağlık

[CabalTurks®]

eline sağlık da benim dikkakitimi kulladınğın tema daha çok çekti. MG nin yani buranın temasına ne kadar çok benziyor o öyle..?