BÖYLE Bİ SİSTEM LAZIM. SAATİ GEÇTİKDEN SONRA KIRMIZI OLUCAK ACİL. [MENTION=1]yilmaz[/MENTION] TEŞEKKÜR EDERİM
BÖYLE Bİ SİSTEM LAZIM. SAATİ GEÇTİKDEN SONRA KIRMIZI OLUCAK ACİL. [MENTION=1]yilmaz[/MENTION] TEŞEKKÜR EDERİM
[MENTION=39479]kudret443[/MENTION] usta böyle bir kodlama yaptım.
Demo https://www.yilmaztv.com/demo/saat/saat.php
saat.zip php dosyası en alta ekte.
PHP- Kodu:
<!DOCTYPE html>
- <html>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <title>SAATİ GEÇTİKDEN SONRA KIRMIZI OLUCAK</title>
- <meta name="viewport" content="width=device-width, initial-scale=1" />
- <style>
- html,body{font-family:Verdana,sans-serif;font-size:15px;line-height:1.5;}
- html{overflow-x:hidden;}
- h1,h2,h3,h4,h5,h6{font-family:"Segoe UI",Arial,sans-serif;font-weight:700;margin:10px 0;text-align: center;}
- .saat-container{padding:0.01em 16px}
- .saat-container:after,.saat-container:before{content:"";display:table;clear:both;}
- .saat-tag{background-color:red;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center;margin: 5px;border-radius:5px;}
- .saat-xlarge{font-size:24px!important}
- span.saat-tag.saat-xlarge:hover {
- background: #03e9f4;
- border-radius: 5px;
- color:#000 !important;
- box-shadow: 0 0 5px #03e9f4, 0 0 25px #03e9f4, 0 0 50px #03e9f4, 0 0 100px #03e9f4;
- }
- </style>
- <body>
- <div class="saat-container">
- <?php
- $saati = array('07:35', '08:35', '09:35', '10:35', '11:35', '12:35', '13:35', '14:35', '15:35', '16:35', '17:35', '18:35', '19:35', '20:35');
- $anliksSaat = date('H:i');
- echo '<h2>SAAT '.$anliksSaat.'</h2>';
- foreach ($saati as $saat){
- $class = '';
- if ($saat > $anliksSaat){
- $class = ' style="background-color:forestgreen"';
- }
- echo '<span class="saat-tag saat-xlarge"'.$class.'>', $saat, '</span>';
- }
- ?>
- </div>
- </body>
- </html>
Selam ve Saygılarla İyi Forumlar...
Şu an 1 kullanıcı var. (0 üye ve 1 konuk)