Script

Geri Sayım Sayacı V2

Bu geri sayım sayacı, CSS kodlarından faydalanılarak video üstünde gösterilmiştir.

Örnekler

1:MP4 , 2:Youtube , 3: Dailymotin
123

1. örneğe ait kodlar: Hepsini Seç

<style type="text/css"> /* METİNLERİ AYARLAYINIZ BAŞLA */
.onyazi{display:block;}
.onyazi::after{content:"14 Nisan Dünya Yunus Gününe ";margin-top:10px;display:inline-block;}
.sonyazi{display:block;}
.sonyazi::after{content:" kaldı. ";}
.gun::after{content:" Gün ";vertical-align:sub;font-size:12px;color:red;}
.saat::after{content:" Saat ";vertical-align:sub;font-size:12px;color:red;}
.dakika::after{content:" Dakika ";vertical-align:sub;font-size:12px;color:red;}
.saniye::after{content:" Saniye ";vertical-align:sub;font-size:12px;color:red;}
.sayacdurdu::after{content:"Süre Doldu!";display:inline-block;margin-top:60px;}
/* METİNLERİ AYARLAYINIZ BİTTİ */

/* SAYACIN GÖRÜNÜMÜNÜ AYARLAYINIZ BAŞLA */
#dinamiksayac {
position:absolute;z-index:1;
text-align:center;
font-size: 2vw;   font-family:Georgia;
padding:0px;   display:block;
background-color:none;   border:0px double gray;
color:green;
text-decoration:none;
line-height:100%;
top:40px;
width:400px;   height:100px;
}
#sayacvideo { 
position: relative;
width:400px;   height:250px;
}

#sayacvideo1 {
position: absolute;
opacity:0.5;  /* video şeffaflığı */
}
/* SAYACIN GÖRÜNÜMÜNÜ AYARLAYINIZ BİTTİ */
</style> <div id="sayacvideo"> <video id="sayacvideo1" autoplay controls loop><source src="http://www.ibrahimay.net/wp-content/scripts/geri-sayim-sayaci.v2/html/ornekler/ornek1.mp4" type="video/mp4">İnternet tarayıcınız <code>video</code> etiketini desteklemiyor.</video> <script type="text/javascript" src="http://www.ibrahimay.net/wp-content/scripts/geri-sayim-sayaci.v1/index.php?zaman=2018-04-14T00:00:00"></script>
<div id="dinamiksayac"></div>
</div>
Yukarıdaki style kodlarını dilediğiniz gibi özelleştirerek en basitinden en karmaşığına çok farklı sunumlar elde edebilirsiniz. Resim üzerine sayaç eklemek için GSS V1 sayfamı ziyaret edebilirsiniz.

Eğer scripti kendi sunucunuzda bulundurmak isterseniz aşağıdaki kodları index.php adlı bir dosya oluşturup içine yapıştırın ve yukarıdaki kodlara kendi script adresinizi yazın. İçeriğin devamını sadece üyeler görebilir - Giriş Yapın yada Kayıt olun.
11 Sonteşrin 1938 Yeni Sabah Gazetesi
Önceki İçerik

10-11 Kasım 1938 Gazete Manşetleri

Sonraki İçerik

Isı Transferi (Geçişi) - Çözümlü Örnekler

Yorum Yok

Görüşünü bildir

İbrahim AY

İbrahim AY

Daha fazla bilgi için Hakkında