vB 4.x Foruma animasyonlu YUKARI butonu ekleyin

YoRuMSuZ

Biz işimize bakalım...
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.
 

Eklentiler

  • _yukari.zip
    752 bytes · Gösterim: 350

jeriko

Özel Üye
Özel üye
Güzel bir buton ama herhangi birşey yapmadan sayfada belirdi.Yukarı çıkışlar daha hızlı.Teşekkürler.
 

YoRuMSuZ

Biz işimize bakalım...
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);
 
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.
 

YoRuMSuZ

Biz işimize bakalım...
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 :)
 
Top