iOs Takvim Kodu

Açıklama

Iphonelerde gördüğünüz takvim tasarımı tarihi göstermektedir sitenizde hoş durucaktır.

Önizleme

Pazar

-

Kod

<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Droid+Sans:400,700"> <center> <div class="container"> <div class="app"> <div class="app-calendar"> <div id="weekday">Pazar</div> <div id="day">-</div> </div> </div> </div> </center> <STYLE TYPE="text/css"> h3 {font-weight: normal; margin: 0; } p { margin: 0; } .container {font: 100%/1.5em "Droid Sans", sans-serif; } .app {color: #f9f9f9; } .app-calendar {height: 100px; margin-bottom: 14px; width: 100px; text-align: center; } #weekday {background: #d9383c; border-radius: 15px 15px 0 0; color: #f9f9f9; font-size: 14px; line-height: 36px; position: relative; text-transform: lowercase; } #weekday:before, #weekday:after {background: #f9f9f9; border-radius: 50%; content: ""; height: 8px; margin-top: -4px; position: absolute; top: 50%; width: 8px; z-index: 1; } #weekday:before { left: 10px; } #weekday:after { right: 10px; } #day {background: #f9f9f9; border-radius: 0 0 15px 15px; -webkit-box-shadow: 0 4px 0 #15181f; box-shadow: 0 8px 0 #15181f; color: #15181f; font-size: 50px; font-weight: bold; height: 70px; line-height: 70px; } </STYLE> <SCRIPT TYPE="text/javascript"> (function() {var date = new Date(), weekday = ["Pazar", "Pazartesi", "Salı", "Çarşamba", "Perşembe", "Cuma", "Cumartesi"]; document.getElementById('weekday').innerHTML = weekday[date.getDay()]; document.getElementById('day').innerHTML = date.getDate(); }) (); </SCRIPT>

''iOs Takvim Kodu'' Bu yazı; 5 Temmuz 2013 Cuma tarihinde HTML Kodları kategorisine eklenmiş olup Admin tarafından yayınlanmıştır.