SMF Forumunuz için "Yukarı Git" Butonu Yapma

Orijinal içerik sahibi: idesign360.com

Adım 1: Temanızın index.css dosyasını açın ve en sonuna ekleyin:

.go-top  {

    position: fixed;

    bottom: 2em;

    right: 2em;

    text-decoration: none;

    color: #fff;

    background: #666;

    font-size: 14px;

    padding: 1em;

    display: none;

}

.go-top:hover {

    background: #333;

}

Adım 2: Temanızın index.template.php dosyasını bulun ve içindeki şu kodu arayın:

Adım 3: Üstteki kodun hemen öncesine ekleyin:
Yukarı Git

Not: Butonda Yukarı Git yerine bir resim (yukarı ok gibi) gözüksün istiyorsanız Yukarı Git yazısının yerine resim kodunu ekleyin.

Adım 4: Yine index.template.php'de arıyoruz:

';

}



// Show a linktree. This is that thing that shows "My Community | General Category | General Discussion"..

Adım 5: Üstteki kodun hemen öncesine ekliyoruz:

    

    <script></script>

    <script>

        $(document).ready(function() {

            // Show or hide the sticky footer button

            $(window).scroll(function() {

                if ($(this).scrollTop() > 200) {

                    $(".go-top").fadeIn(200);

                } else {

                    $(".go-top").fadeOut(200);

                }

            });

            

            // Animate the scroll to top

            $(".go-top").click(function(event) {

                event.preventDefault();

                

                $("html, body").animate({scrollTop: 0}, 300);

            })

        });

    </script>

SMF Forumunuz için "Yukarı Git" Butonu Yapma

Üye Girişi Yap