XF 2.0 - Sidebar Geri Sayım Sayacı Yapımı | XenGenTr - Türkiye'nin XenForo Türkçe destek topluluğu

Uyumlu XF 2 Sürümleri

Ekteki dosyayı indirip sunucuda gerekli yerlere yükleyin.
Görünüm ve Diller altında Widget Yöneticisine girin.
Widget Ekle tıklayın ve HTML şeklinde yeni bir widget ekleyin.
Başlık, id ve pozisyon kısımlarını kendinize göre düzenleyin.
Şablon kısmına aşağıdaki kodu yapıştırın.

HTML:

<div id="gerisay">
    <div class="dev_comment">
            Gelecek 19 Mayıs için kalan süre.
        </div>
        <div id="countdown_dashboard">
            <div class="dash weeks_dash">
                <span class="dash_title">hafta</span>
                <div class="digit">0</div>
                <div class="digit">0</div>
            </div>

            <div class="dash days_dash">
                <span class="dash_title">gün</span>
                <div class="digit">0</div>
                <div class="digit">0</div>
            </div>

            <div class="dash hours_dash">
                <span class="dash_title">saat</span>
                <div class="digit">0</div>
                <div class="digit">0</div>
            </div>

            <div class="dash minutes_dash">
                <span class="dash_title">dakika</span>
                <div class="digit">0</div>
                <div class="digit">0</div>
            </div>

            <div class="dash seconds_dash">
                <span class="dash_title">saniye</span>
                <div class="digit">0</div>
                <div class="digit">0</div>
            </div>
        </div>
    </div>

Yukarıdaki kodda yer alan
Kod:
```
<div class="dev_comment">
            Gelecek 19 Mayıs için kalan süre.
        </div>
```
kısımda sayımı ne için yaptıracaksanız onun açıklamasını girin ve kaydedin. Bu kısımda işlemimiz bitti.
Görünüm ve Diller altında Şablonlara tıklayın PAGE_CONTAINER şablonunu bulun ve düzenleyin, </body> tagının hemen üzerine aşağıdaki kodu yapıştırın.

HTML:

<!--Geri sayım sayacı-->
    <script src="{{ js_url('vendor/gerisay/jquery.Countdown-1.0.js') }}"></script>
    <link rel="stylesheet" href="{{ base_url('styles/gerisay/css/main.css?v=1122') }}" />
    <script language="javascript" type="text/javascript">
        jQuery(document).ready(function() {
            $('#countdown_dashboard').countDown({
                targetDate: {
                    'day':         19,// hedef gün
                    'month':     05,// hedef ay
                    'year':     2019,// hedef yıl
                    'hour':     00,// hedef saat
                    'min':         0,// hedef dakika
                    'sec':         1//hedef saniye
                }
            });         
        });
    </script>
    <!--Geri sayım sayacı bitiş-->

Yukarıdaki kodda targetDate fonksiyonu içinde geriye saydırmak istediğiniz ileri tarih ayarını yapmalısınız. Ben 19 mayıs 2019 00:00.01 tarih ve saatine göre ayarlama yaptım.