Today In History V1
Today in history (with Wikipedia). Events, Births, Deaths.
Codes for you site:
<!--Today In History Kod Başı-->
<!--ibrahimay.net-->
<style type="text/css">
.tabbeden{
width : 100%;
max-height : 500px;
overflow:auto;
border:1px solid gray;
}
.tabbeden > input{
display : none;
}
.tabbeden > section > h1{
float : left;
box-sizing : border-box;
margin : 0;
padding : 0.5em 0.5em 0;
overflow : hidden;
font-size : 1em;
font-weight : normal;
}
.tabbeden > input:first-child + section > h1{
padding-left : 1em;
}
.tabbeden > 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;
}
.tabbeden > 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;
}
.tabbeden > input:checked + section > h1{
position : relative;
z-index : 2;
}
.tabbeden > input:not(:checked) + section > div{
display : none;
}
</style>
<script type='text/javascript' src='http://www.ibrahimay.net/wp-content/scripts/tarihte-bugun.v1/index2.php'></script>
<script type="text/javascript">
var thistory = `
Today In History<br>
<div class="tabbeden">
<input name="tabbeden" id="tabbeden1" type="radio" checked>
<section>
<h1>
<label for="tabbeden1">`+baslikolaylar+`</label>
</h1>
<div>`+olaylar+`</div>
</section>
<input name="tabbeden" id="tabbeden2" type="radio">
<section>
<h1>
<label for="tabbeden2">`+baslikdogumlar+`</label>
</h1>
<div>`+dogumlar+`</div>
</section>
<input name="tabbeden" id="tabbeden3" type="radio">
<section>
<h1>
<label for="tabbeden3">`+baslikolumler+`</label>
</h1>
<div>`+olumler+`</div>
</section>
<input name="tabbeden" id="tabbeden4" type="radio">
<section>
<h1>
<label for="tabbeden4">`+tarih+`</label>
</h1>
<div><a href="http://www.ibrahimay.net" target="_blank">Wikipedia ile Tarihte Bugün</a></div>
</section>
</div>
`;
document.write(thistory);
</script>
<!--ibrahimay.net-->
<!--Today In History Kod Sonu-->
How made? Download for your site.
Bu yazının devamını sadece üyeler okuyabilir - Giriş Yapın yada Kayıt olun.
Bunlarda ilgini çekebilir
Yorum Yok