tr-opencart

     
avatar Şuanki Zaman: 12-19-2024, 01:54 AMHoşgeldin Misafir !
  Şifremi Hatırlat   kayıt ol
opencart temaları

Scrollbar ile hareket eden buton

Konuyu görüntüleyenler: 2 Misafir
 
Değerlendir:
  • 0 Oy - 0 Yüzde
  • 1
  • 2
  • 3
  • 4
  • 5
%
Cevapla  Gönder 
v  v
Yazar  cevahirabi - Görüntüleme - Okunma  4189 - Yorum  3

cevahirabiv
Üye
***
Üye user avatar
Çevrimdışı

Mesajlar: 240
Konular: 65
Katılma Tarihi: Feb 2012
Rep Puanı: 2
Teşekkürler: 27
11 Mesajına, 31 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 03-08-2012 02:27 PM

Kendime Not:

Solda Kayan buton.
Header e eklediğinizde sayfayı kaydırdığınız gibi sol tarafta kayan logo eklentisi.


Kod:
<script type="text/javascript">
/* This script and many more are available free online at
The JavaScript Source!! http://javascript.internet.com
Created by: Sandeep Gangadharan | http://sivamdesign.com/scripts/ */
var x1 = 11;   // change the # on the left to adjust the X co-ordinate
var y1 = 130;  // change the # on the left to adjust the Y co-ordinate

(document.getElementById && !document.all) ? dom = true : dom = false;

function typeStart() {
  if (dom) {
    document.write('<div id="logoBox" style="position:absolute; left:' + (window.innerWidth-x1) + 'px; visibility:visible">') }
  if (document.all) {
    document.write('<div id="logoBox" style="position:absolute; left:' + (document.documentElement.clientWidth-x1) + 'px; visibility:visible">') }
}

function typeEnd() {
  if (document.all || dom) { document.write('</div>') }
}

function placeIt() {
  if (dom) {document.getElementById("logoBox").style.top = window.pageYOffset + y1 + "px"; document.getElementById("logoBox").style.left = window.pageXOffset + x1 + "px";}
  if (document.all) {document.all["logoBox"].style.top = document.documentElement.scrollTop + y1 + "px"; document.all["logoBox"].style.left = document.documentElement.scrollLeft + x1 + "px";}
  window.setTimeout("placeIt()", 10);
}

// Multiple onload function created by: Simon Willison
// http://simonwillison.net/2004/May/26/addLoadEvent/
function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      if (oldonload) {
        oldonload();
      }
      func();
    }
  }
}

addLoadEvent(function() {
  placeIt();
});
</script>

<script>typeStart()</script>
  <a href="http://www.gecgel.net"><img src="http://www.tr-opencart.com/uploads/avatars/avatar_412.jpg" style="border: none;"></a>
<script>typeEnd()</script>

buda en altta sabit resim

Kod:
<style type="text/css">
#desisabitic {
background: transparent url repeat-x scroll 0 0;
bottom: 0 !important;
height: 38px;
left: 0;
text-align: left;
width: 100%;
margin: 0 auto;
z-index: 1000;
}
#desisabit {
margin: auto;
position: fixed;
margin: auto;
left: 0;
bottom: 0;
width: 100%;
z-index: 9999;
}
#sabit-tasiyici {
width: 1000px;
margin-right: auto;
margin-left: auto;
text-align: left;
}
#sabit {
color: #6c6c6c;
font-size: 18pt;
font-family: "Trebuchet MS",Tahoma;
padding-top: 5px;
}
#sabit a{
color: #00d2ff;
text-decoration:none;
}
</style>
</head>

<body>
<div id="desisabit">
<div id="desisabitic">
<div id="sabit-tasiyici">
<div id="sabit" style="float:left;"><img src="http://www.gecgel.net/geticaret/altt.png"></span></div>
</div>
</div>
</div>
Alıntı Yaparak Cevapla
Paylaş!
emn_emnv
Acemi Üye
**
Üye user avatar
Çevrimdışı

Mesajlar: 10
Konular: 2
Katılma Tarihi: Dec 2012
Rep Puanı: 0
Teşekkürler: 1
0 Mesajına, 0 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 12-28-2012 05:24 PM
beki bu kodları nereye yazacagız Confused
ben markaları göstermek istiyorum buton yerine yardımcı olrmusunz
Alıntı Yaparak Cevapla
Paylaş!
adslv
Çırak
****
Üye user avatar
Çevrimdışı

Mesajlar: 278
Konular: 32
Katılma Tarihi: Dec 2011
Rep Puanı: 9
Teşekkürler: 42
99 Mesajına, 186 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 12-28-2012 06:27 PM
kullandığınız temada header.tpl dosyasına ekleyeceksiniz
Alıntı Yaparak Cevapla
Paylaş!
emn_emnv
Acemi Üye
**
Üye user avatar
Çevrimdışı

Mesajlar: 10
Konular: 2
Katılma Tarihi: Dec 2012
Rep Puanı: 0
Teşekkürler: 1
0 Mesajına, 0 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 12-28-2012 07:02 PM
saolasn kardesim
Alıntı Yaparak Cevapla
Paylaş!

« Önceki | Sonraki »
Cevapla  Gönder 

Scrollbar ile hareket eden buton Konusunun Linki Direk Link
Scrollbar ile hareket eden buton Konusunun HTML Kodu HTML Link
Scrollbar ile hareket eden buton Konusu BBCode Linki BBCode Link
Scrollbar ile hareket eden buton Konusunu Paylaş Sosyal Paylaş

Benzeyen Konular
Konu: Yazar Cevaplar: Gösterim: Son Mesaj
  Css Sepete Ekle Buton Sitilleri e-ticaretdersleri 4 5,279 08-06-2017 11:16 PM
Son Mesaj: basalican
  Katagoriler Menü Çubuğunda Aktif Buton Düzenlemesi nokta 3 3,776 11-02-2012 04:05 PM
Son Mesaj: e-ticaretdersleri
  Ürün Sayfasında A.listem Ve Karşlaştırma Buton Yapma e-ticaretdersleri 0 2,892 07-10-2012 10:09 AM
Son Mesaj: e-ticaretdersleri

Scrollbar ile hareket eden buton indir, Scrollbar ile hareket eden buton Videosu, Scrollbar ile hareket eden buton online izle, Scrollbar ile hareket eden buton Bedava indir, Scrollbar ile hareket eden buton Yükle, Scrollbar ile hareket eden buton Hakkında, Scrollbar ile hareket eden buton nedir, Scrollbar ile hareket eden buton Free indir, Scrollbar ile hareket eden buton oyunu, Scrollbar ile hareket eden buton download


Forum Atla: