Foruma animasyonlu YUKARI butonu ekleyin

Katılım
7 Hzr 2006
Mesajlar
36,713
Beğeniler
8,949
Takım
GALATASARAY
#1
vBulletin 4.1.11 ve önceki versiyonlarda test edilmiştir.

Eğer forum sayfalarında sayfaların kaydırılması sırasında görünen animasyonlu YUKARI butonu eklemek isterseniz küçük bir javascript dosyası ile bunu yapabilirsiniz.

Bunun için;

* Ekteki javascript dosyasını indirip clientscript klasörüne atın.

* 48x48 ebatlarında yukari.png butonu images klasörüne atın. (Resim yolunu indirdiğiniz javascript dosyasının 11. satırını düzenleyerek belirtebilirsiniz)

* headinclude şablonunun en altına aşağıdaki iki satırlık kodu ekleyin.

Kod:
<script type="text/javascript" src="clientscript/yui/animation/animation-min.js"></script>
<script type="text/javascript" src="clientscript/_yukari.js"></script>
Artık forumunuzda animasyonlu şekilde sayfayı hareket ettiren YUKARI butonu var.
 

Attachments

ZeyNoO

٠•●♥ KuŞ YüreKLi ♥●•٠
V.I.P
Katılım
5 Ags 2008
Mesajlar
61,526
Beğeniler
6,240
Takım
GALATASARAY
#4
Teşekkürler yeni gördüm güzel olmuş :)
 
Katılım
23 Mrt 2012
Mesajlar
2
Beğeniler
0
#6
merhaba, yukarı gidince asansör gibi sallanmasını istemiyorum onu nasıl yaparız acaba? sadece yukarı gitsin :)
 
Katılım
7 Hzr 2006
Mesajlar
36,713
Beğeniler
8,949
Takım
GALATASARAY
#7
merhaba, yukarı gidince asansör gibi sallanmasını istemiyorum onu nasıl yaparız acaba? sadece yukarı gitsin :)
javascrip dosyasında 23. satırdaki 3.5 ifadesini 0.0 olarak değiştirirseniz animasyonsuz olarak kullanabilirsiniz yukarı scroll butonunu.

Yani şöyle olmalı.

_yukari.js dosyasında aşağıdaki ifadeyi bulun. (23. satır)
PHP:
    var scroll = new Y.Scroll(document.getElementsByTagName((YAHOO.env.ua.webkit ? "body" : "html"))[0], {scroll: {to: [0, 0]}}, 3.5, Y.Easing.bounceOut);
Aşağıdaki ile değiştirin. Kalın yazı ile belirtilen kısımları değiştirmek yeterli.
PHP:
    var scroll = new Y.Scroll(document.getElementsByTagName((YAHOO.env.ua.webkit ? "body" : "html"))[0], {scroll: {to: [0, 0]}}, 0.0, Y.Easing.bounceOut);
 
Katılım
23 Mrt 2012
Mesajlar
2
Beğeniler
0
#9
javascrip dosyasında 23. satırdaki 3.5 ifadesini 0.0 olarak değiştirirseniz animasyonsuz olarak kullanabilirsiniz yukarı scroll butonunu.

Yani şöyle olmalı.

_yukari.js dosyasında aşağıdaki ifadeyi bulun. (23. satır)
PHP:
    var scroll = new Y.Scroll(document.getElementsByTagName((YAHOO.env.ua.webkit ? "body" : "html"))[0], {scroll: {to: [0, 0]}}, 3.5, Y.Easing.bounceOut);
Aşağıdaki ile değiştirin. Kalın yazı ile belirtilen kısımları değiştirmek yeterli.
PHP:
    var scroll = new Y.Scroll(document.getElementsByTagName((YAHOO.env.ua.webkit ? "body" : "html"))[0], {scroll: {to: [0, 0]}}, 0.0, Y.Easing.bounceOut);
çok teşekkürler :) kolay gelsin.
 
Katılım
7 Hzr 2006
Mesajlar
36,713
Beğeniler
8,949
Takım
GALATASARAY
#10
Animasyonlu yukarı çık butonu yerine artık forumumuzda sağda göründüğü şekilde sabit facebook-twitter ve yukarı butonlarını içeren ve CSS kodları ile konumlandırılmış butonlar olacak arkadaşlar :)
 

Benzer konular

Top