- 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
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.Kod:
<div class="dev_comment"> Gelecek 19 Mayıs için kalan süre. </div> - 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.
Önizleme aşağıdaki gibidir.
