Scrollbar ile hareket eden buton |
Konuyu görüntüleyenler: 1 Misafir
|
%
|
|
cevahirabi - 4194 - 3
|
cevahirabi
Üye
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:
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>
|
Teşekkür Edenler: | |
|
emn_emn
Acemi Üye
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:
Konu Tarihi: 12-28-2012 05:24 PM
beki bu kodları nereye yazacagız
ben markaları göstermek istiyorum buton yerine yardımcı olrmusunz
|
Teşekkür Edenler: | |
|
Konu Tarihi: 12-28-2012 06:27 PM
kullandığınız temada header.tpl dosyasına ekleyeceksiniz
|
Teşekkür Edenler: | |
|
emn_emn
Acemi Üye
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:
Konu Tarihi: 12-28-2012 07:02 PM
|
Teşekkür Edenler: | |
|