Script

Tarihte Bugün V1

Wikipedia ile günün önemli olaylarını, doğum günlerini ve ölüm yıldönümlerini gösteren uygulama.

Uygumayı sitenizde kullanmak için aşağıdaki kodları kullanabilirsiniz.

Hepsini Seç

<!--Tarihte Bugün Kod Başı-->
<!--ibrahimay.net-->
<style type="text/css">
.tabbed{
  width : 100%;
  max-height : 500px;
  overflow:auto;
  border:1px solid gray;
}

.tabbed > input{
  display : none;
}

.tabbed > section > h1{
  float       : left;
  box-sizing  : border-box;
  margin      : 0;
  padding     : 0.5em 0.5em 0;
  overflow    : hidden;
  font-size   : 1em;
  font-weight : normal;
}

.tabbed > input:first-child + section > h1{
  padding-left : 1em;
}

.tabbed > section > h1 > label{
  display                 : block;
  border                  : 1px solid #ddd;
  border-bottom           : none;
  border-top-left-radius  : 4px;
  border-top-right-radius : 4px;
  box-shadow              : 0 0 0.5em rgba(0,0,0,0.0625);
  background              : #fff;
  cursor                  : pointer;
     -moz-user-select     : none;
      -ms-user-select     : none;
  -webkit-user-select     : none;
}

.tabbed > section > div{
  position      : relative;
  z-index       : 1;
  float         : right;
  box-sizing    : border-box;
  width         : 100%;
  margin        : 2.5em 0 0 -100%;
  padding       : 0.5em 0.75em;
  border        : 1px solid #ddd;
  border-radius : 4px;
  box-shadow    : 0 0 0.5em rgba(0,0,0,0.0625);
  background    : #fff;
}

.tabbed > input:checked + section > h1{
  position : relative;
  z-index  : 2;
}

.tabbed > input:not(:checked) + section > div{
  display : none;
}
</style>
<script type='text/javascript' src='http://www.ibrahimay.net/wp-content/scripts/tarihte-bugun.v1/index.php'></script>
<script type="text/javascript">
var tarihtebugun = `
Tarihte Bugün<br>
<div class="tabbed">
      <input name="tabbed" id="tabbed1" type="radio" checked>
      <section>
        <h1>
          <label for="tabbed1">`+baslikolaylar+`</label>
        </h1>
        <div>`+olaylar+`</div>
      </section>
      <input name="tabbed" id="tabbed2" type="radio">
      <section>
        <h1>
          <label for="tabbed2">`+baslikdogumlar+`</label>
        </h1>
        <div>`+dogumlar+`</div>
      </section>
      <input name="tabbed" id="tabbed3" type="radio">
      <section>
        <h1>
          <label for="tabbed3">`+baslikolumler+`</label>
        </h1>
        <div>`+olumler+`</div>
      </section>
      <input name="tabbed" id="tabbed4" type="radio">
      <section>
        <h1>
          <label for="tabbed4">`+tarih+`</label>
        </h1>
        <div><a href="http://www.ibrahimay.net" target="_blank">Wikipedia ile Tarihte Bugün</a></div>
      </section>
    </div>
`;
document.write(tarihtebugun);
</script>
<!--ibrahimay.net-->
<!--Tarihte Bugün Kod Sonu-->

Php kullanıyorsanız ve scripti kendi sunucunuza kurarak yayınlamak istiyorsanız aşağıdaki script klasörünü indirerek kullanmaya başlayabilirsiniz.

Bu yazının devamını sadece üyeler okuyabilir - Giriş Yapın yada Kayıt olun.
Tarih Saat
Önceki İçerik

Tarih Saat V1

Today In History
Sonraki İçerik

Today In History V1

Yorum Yok

Görüşünü bildir

İbrahim AY

İbrahim AY

Daha fazla bilgi için Hakkında