Geri Sayım Sayacı V2

Geri Sayım Sayacı V2

6 Ocak 2018 0 Yazar: İbrahim AY
1 Star2 Stars3 Stars4 Stars5 Stars (Oy verilmemiş. İlk oy veren olur musun?)
Loading...

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

Tarayıcınızda JavaScript kapalı. Bu sayfayı kullanabilmeniz için JavaScript aktif olmalıdır.


Örnekler

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

Tarayıcınızda JavaScript kapalı. Bu sayfayı kullanabilmeniz için JavaScript aktif olmalıdır.


3. ö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">


<iframe id="sayacvideo1" frameborder="0" width="480" height="270" src="//www.dailymotion.com/embed/video/x1ah2ir?autoPlay=1" allowfullscreen=""></iframe>


<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örebilirGiriş Yapın yada Kayıt olun.