[[Bomba !]] Rikudo - Yukarı Çık Butonu ! ProV7 Stil

[Rikudo]

Merhabalar Öncelikle Hemen Anlatıma Geçiyorum...

AdminKP>>>>Şablon & Stil>>>>Temalar (Solda) Aç>>>>Temanızı Seçin>>>>>Yeni CSS Oluştur

Temanıza Yeni CSS Oluşturduktan sonra.

(yukari.css) adını verin. ve bu kodları ekleyin.

Kod: Tümünü Seç Tümünü Kopyala

/* ---------------------- yukari git basla---------------------- */
#w2b-StoTop {
    color: #0f4b6d !important;
    border: 1px solid #84acc3 !important;
    background-color: #48b5f2;
    background-image: url(http://hileforumu.vv.si/images/buton_bg.png), url(http://hileforumu.vv.si/images/buton_bg.png),
    -moz-radial-gradient(    center bottom, circle,
    rgba(89,208,244,1) 0,rgba(89,208,244,0) 100px),
    -moz-linear-gradient(#4fbbf7, #3faeeb);
    background-image: url(http://hileforumu.vv.si/images/buton_bg.png), url(http://hileforumu.vv.si/images/buton_bg.png),
    -webkit-gradient(    radial, 50% 100%, 0, 50% 100%, 100,
    from(rgba(89,208,244,1)), to(rgba(89,208,244,0))),
    -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4fbbf7), to(#3faeeb));
    font: 18px Calibri, Arial, sans-serif;
    font-weight:bold;
    text-shadow: 1px 1px 0 rgba(255,255,255,0.4);
    text-decoration: none !important;
    white-space: nowrap;
    display: inline-block;
    vertical-align: baseline;
    position: fixed;
    cursor: pointer;
    padding: 8px 13px;
    background-repeat: no-repeat;
    background-position: bottom left;
    background-image: url(http://hileforumu.vv.si/images/buton_bg.png);
    background-position: bottom left, top right, 0 0, 0 0;
    background-clip: border-box;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -moz-box-shadow: 0 0 1px #fff inset;
    -webkit-box-shadow: 0 0 1px #fff inset;
    box-shadow: 0 0 1px #fff inset;
    -webkit-transition: background-position 1s;
    -moz-transition: background-position 1s;
    transition: background-position 1s;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#99EEEEEE',EndColorStr='#99EEEEEE');
    right: 20px;
    bottom: 10px;
}

#w2b-StoTop:hover {
    background-position: top left;
    background-position: top left, bottom right, 0 0, 0 0;
    background-color: #63c7fe;
    background-image: url(http://hileforumu.vv.si/images/buton_bg.png), url(http://hileforumu.vv.si/images/buton_bg.png),
    -moz-radial-gradient(    center bottom, circle,
    rgba(109,217,250,1) 0,rgba(109,217,250,0) 100px),
    -moz-linear-gradient(#63c7fe, #58bef7);
    background-image: url(http://hileforumu.vv.si/images/buton_bg.png), url(http://hileforumu.vv.si/images/buton_bg.png),
    -webkit-gradient(    radial, 50% 100%, 0, 50% 100%, 100,
    from(rgba(109,217,250,1)), to(rgba(109,217,250,0))),
    -webkit-gradient(linear, 0% 0%, 0% 100%, from(#63c7fe), to(#58bef7));
}

#w2b-StoTop:active {
    bottom: 9px;
}

/* ---------------------- yukari git bitti---------------------- */

Sonra...

AdminKP>>>>Şablon & Stil>>>>Şablonlar (Solda)>>>>Temanızın Templatesi (Şablonu)>>>>Header Şablonlar>>>>>Header En Üste Bu Kodu Ekleyin !

Kod: Tümünü Seç Tümünü Kopyala

<a href='#' id='w2b-StoTop' style='display:none;'>Yukarı Git </a>

Ve Kaydedin.

SON İŞLEM... BU Olmazsa Olmaz !

AdminKP>>>>Şablon & Stil>>>>>Şablonlar (Solda)>>>>>Temanızın Templatesi (Şablonu)>>>>Gruplandırılmamış Şablonlar>>>Headerinclude Aç...

Sonda Böyle Bir Kod Vardır...

Kod: Tümünü Seç Tümünü Kopyala

</script>

Eğer Yoksada Düz Ekleyin ama varsa... en sonda..

Kod: Tümünü Seç Tümünü Kopyala

jQuery.noConflict();
jQuery(function($) {
    $.fn.scrollToTop = function() {
    $(this).hide().removeAttr("href");
    if ($(window).scrollTop() != "0") {
        $(this).fadeIn("slow")
    }
    var scrollDiv = $(this);
    $(window).scroll(function() {
        if ($(window).scrollTop() == "0") {
        $(scrollDiv).fadeOut("slow")
        } else {
        $(scrollDiv).fadeIn("slow")
        }
    });
    $(this).click(function() {
        $("html, body").animate({
        scrollTop: 0
        }, "slow")
    })
    }
});
jQuery(function($) {
    $("#w2b-StoTop").scrollToTop();
});

İsterseniz

Kod: Tümünü Seç Tümünü Kopyala

</script>

bu dosyanın üstüne veya sonlara ekleyin ve kaydedin. hayırlı olsun.

DEMO.. : www.forumneo.10tl.net aşşağı inin ve sağ alt köşeye bakın.

Güle güle kullanın.[/align]

[Ripbyrustavi]

Teşşekürler'de bu paylaşıldı hatırlıyorum ?

[Rikudo]

Hocam ben görmedim? varsa konusu atarmısınız? <<ProV7'den Uyarlamalı Hali BU Hocam ama>>

---

++++Kullanmanız Dileğiyle..++++ Güncel...

[srdrylmz]

Kardeş Bu Zaten ProV7'nin . ProV7 gibi Demene Gerek Yok :)

[Rikudo]

Konuyu Düzeltiyorum Kusra bakmayın. Güle güle kullanın.

++++Kullanmanız Dileğiyle Gene Güncel..++++

---

++Güncel++

---

GÜNCEL+++++++++++++++++ Kullanmanız dileğiyle.