Advertisement:

Author Topic: SMF için Yukarı Git Butonu Yapma  (Read 44759 times)

Offline fatyhxd41

  • Jr. Member
  • **
  • Posts: 110
SMF için Yukarı Git Butonu Yapma
« on: October 29, 2013, 04:33:04 AM »
Merhabalar arkadaşlar. Yabancı bir sitede bulduğum bu tutorial'i sizlerle de paylaşayım dedim.

Konunun asıl içerik sahibi idesign360.com'dur.
(Original author of this tutorial is idesign360.com).

Adım 1: Temamızın index.css dosyasını açıyoruz ve en altına ekliyoruz:

Code: [Select]
.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: Temamızın index.template.php dosyasını açıyoruz ve şu bölümü buluyoruz:
Code: [Select]
<div id="footer">
Bunun hemen öncesine ekliyoruz:
Code: [Select]
<a href="javascript:void(0)" class="go-top">Yukarı Git</a>Eğer siz butonda "Yukarı Git" kelimesi yerine bir resim eklemek istiyorsanız (yukarı ok vb.) buradaki Yukarı Git yazısının yerine resim kodunu ekleyebilirsiniz.

Adım 3: Tekrar index.template.php'de buluyoruz:
Code: [Select]
</body></html>';
}

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

Hemen öncesine ekliyoruz:
Code: [Select]
    <!-- JavaScript -->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></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>

Şahsen ben beğendim. Kullandığım temada yukarı git butonu var fakat footer bölümünde yani sabit. Bu tutorialdeki gibi yaptım, gayet hoş gözüktü. Hem kafamıza göre butonu kişiselleştirebiliyoruz da. :)

Offline YeniÇocuk

  • Semi-Newbie
  • *
  • Posts: 21
  • Gender: Male
Re: SMF için Yukarı Git Butonu Yapma
« Reply #1 on: June 21, 2014, 07:39:04 PM »
Uygulayan var mı? Çalışıyor mu ?

Offline musfar

  • Semi-Newbie
  • *
  • Posts: 26
    • site analiz
Re: SMF için Yukarı Git Butonu Yapma
« Reply #2 on: November 27, 2015, 04:58:42 PM »
Teşekkürler.

Offline akaewn

  • Jr. Member
  • **
  • Posts: 268
  • Gender: Male
  • akaewn.com efsaneweb.com
    • efsaneweb on Facebook
    • @wakaewn on Twitter
    • erdem aydın
Re: SMF için Yukarı Git Butonu Yapma
« Reply #3 on: January 22, 2016, 02:33:36 AM »
Çalışması bir yana, hoca görünümü biraz düzenleekte fayda var

Offline vbasic

  • Semi-Newbie
  • *
  • Posts: 24
  • Gender: Male
    • Wikipedia Türkiye
Re: SMF için Yukarı Git Butonu Yapma
« Reply #4 on: March 05, 2016, 07:14:07 PM »
Bu kadar uzIya gerek var mı ? bir text'e "siteadi.com/#top" uzantısı verdiğinizde sayfayı yukarı taşıyacaktır zaten.

Offline arslanturk

  • Semi-Newbie
  • *
  • Posts: 48
Re: SMF için Yukarı Git Butonu Yapma
« Reply #5 on: June 22, 2016, 07:15:46 AM »
tşk.
« Last Edit: June 22, 2016, 08:07:07 AM by arslanturk »

Offline SkyMee

  • Semi-Newbie
  • *
  • Posts: 48
  • Gender: Male
  • Ne Mutlu Türküm Diyene
Re: SMF için Yukarı Git Butonu Yapma
« Reply #6 on: August 12, 2016, 06:27:56 AM »
Oynadıgım bir oyunun forumunda Yönetici hesabı olan arkadaşım var fakat forum ona ait değil.

bknz forum adresi: www.hirsizpolisrpg.com

Tam yetkili yönetici hesabıda yönetim bölümünden bunları ayarlayabilir mi

Offline eyyupp

  • Semi-Newbie
  • *
  • Posts: 25
Re: SMF için Yukarı Git Butonu Yapma
« Reply #7 on: February 09, 2018, 12:08:14 PM »
<a href="#yukari">YUKARI ÇIK</a>
direk bu link yeterli hareketli bir buton olsa aslında daha iyi olurdu sabit değilde

Offline D'ssConneTed

  • Semi-Newbie
  • *
  • Posts: 21
  • Gender: Male
  • www.BenimProjem.net
Re: SMF için Yukarı Git Butonu Yapma
« Reply #8 on: February 10, 2018, 02:29:55 PM »
En basit bu şekilde yapılır  bu linkte yer alıyor ..
https://www.w3schools.com/howto/howto_js_scroll_to_top.asp [nofollow]

Offline swerty111

  • Semi-Newbie
  • *
  • Posts: 31
    • Steam Rehberi
Re: SMF için Yukarı Git Butonu Yapma
« Reply #9 on: March 06, 2018, 08:16:05 AM »
En basit bu şekilde yapılır  bu linkte yer alıyor ..
https://www.w3schools.com/howto/howto_js_scroll_to_top.asp

teşekkür ederim gayet güzel çalışıyor ben denedim.