Tarihte Bugün V1

Tarihte Bugün V1

22 Aralık 2013 0 Yazar: İbrahim AY
1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading...

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.

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


Hepsini Seç


<!--Tarihte Bugün Kod Başı-->
<!--ibrahimay.net-->
<style type="text/css">
/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}
/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}
/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}
/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}
/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
  -webkit-animation: fadeEffect 1s;
  animation: fadeEffect 1s;
}
/* Fade in tabs */
@-webkit-keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}
/* Style the close button */
.topright {
  float: right;
  cursor: pointer;
  font-size: 28px;
}
.topright:hover {color: red;}
.mylink {
  background-color: inherit;
  font-size: 17px;
  text-decoration: none;
  color:#000000;
}
</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 = `
<div class="tab">
  <button class="tablinks" onclick="openCity(event, 'London')" id="defaultOpen">`+baslikolaylar+`</button>
  <button class="tablinks" onclick="openCity(event, 'Paris')">`+baslikdogumlar+`</button>
  <button class="tablinks" onclick="openCity(event, 'Tokyo')">`+baslikolumler+`</button>
  <button class="tablinks" onclick="openCity(event, '')" style="float:right"><a class="mylink" href="http://www.ibrahimay.net/" title="Tarihte Bugün" target="_blank">&copy;</a></button>

</div>

<div id="London" class="tabcontent">
<span onclick="this.parentElement.style.display='none'" class="topright">&times</span>
  <h3>`+baslikolaylar+`</h3>
  <p>`+olaylar+`</p>
</div>

<div id="Paris" class="tabcontent">
<span onclick="this.parentElement.style.display='none'" class="topright">&times</span>
  <h3>`+baslikdogumlar+`</h3>
  <p>`+dogumlar+`</p>
</div>

<div id="Tokyo" class="tabcontent">
<span onclick="this.parentElement.style.display='none'" class="topright">&times</span>
  <h3>`+baslikolumler+`</h3>
  <p>`+olumler+`</p>
</div>
`;
document.write(tarihtebugun);
</script>

<script>
function openCity(evt, cityName) {
  var i, tabcontent, tablinks;
  tabcontent = document.getElementsByClassName("tabcontent");
  for (i = 0; i < tabcontent.length; i++) {
    tabcontent[i].style.display = "none";
  }
  tablinks = document.getElementsByClassName("tablinks");
  for (i = 0; i < tablinks.length; i++) {
    tablinks[i].className = tablinks[i].className.replace(" active", "");
  }
  document.getElementById(cityName).style.display = "block";
  evt.currentTarget.className += " active";
}
// Get the element with id="defaultOpen" and click on it
document.getElementById("defaultOpen").click();
</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.