Saat Takibi Yardım

Değerlendir:
3 sonuçtan 1 ile 3 arası

Konu: Saat Takibi Yardım

  1. Teşekküre Gitİndir #1
    Teşekküre Git
    Üye kudret443 - ait Kullanıcı Resmi (Avatar)

    Bilgi

    Gönderi Başına Git

    Standart Saat Takibi Yardı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




    Benzer Konular:

  2. 3 kişi bu gönderi için kudret443 üyemize teşekkür etti:

  3. Teşekküre Gitİndir #2
    Teşekküre Git
    Yönetici yilmaz - ait Kullanıcı Resmi (Avatar)

    Bilgi

    Gönderi Başına Git

    [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:
    1. <!DOCTYPE html>
    2. <html>
    3. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    4. <title>SAATİ GEÇTİKDEN SONRA KIRMIZI OLUCAK</title>
    5. <meta name="viewport" content="width=device-width, initial-scale=1" />
    6. <style>
    7. html,body{font-family:Verdana,sans-serif;font-size:15px;line-height:1.5;}
    8. html{overflow-x:hidden;}
    9. h1,h2,h3,h4,h5,h6{font-family:"Segoe UI",Arial,sans-serif;font-weight:700;margin:10px 0;text-align: center;}
    10. .saat-container{padding:0.01em 16px}
    11. .saat-container:after,.saat-container:before{content:"";display:table;clear:both;}
    12. .saat-tag{background-color:red;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center;margin: 5px;border-radius:5px;}
    13. .saat-xlarge{font-size:24px!important}
    14. span.saat-tag.saat-xlarge:hover {
    15.     background: #03e9f4;
    16.     border-radius: 5px;
    17.     color:#000 !important;
    18.     box-shadow: 0 0 5px #03e9f4, 0 0 25px #03e9f4, 0 0 50px #03e9f4, 0 0 100px #03e9f4;
    19. }
    20. </style>
    21. <body>
    22. <div class="saat-container">            
    23.                 <?php 
    24.                 $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');
    25.                 $anliksSaat date('H:i');
    26.                echo '<h2>SAAT '.$anliksSaat.'</h2>';
    27.                 foreach ($saati as $saat){
    28.                     $class '';
    29.                     if ($saat $anliksSaat){
    30.                         $class ' style="background-color:forestgreen"';
    31.                     }                    
    32.                     echo '<span class="saat-tag saat-xlarge"'.$class.'>'$saat'</span>';            
    33.                 }
    34.                 ?>
    35. </div>
    36. </body>
    37. </html>
    Selam ve Saygılarla İyi Forumlar...


    Eklenmiş Dosya Eklenmiş Dosya
    • Dosya tipi: zip saat.zip (894 Byte, 8x kez indirilmiştir)

  4. 4 kişi bu gönderi için yilmaz üyemize teşekkür etti:

  5. Teşekküre Gitİndir #3
    Teşekküre Git
    Üye kudret443 - ait Kullanıcı Resmi (Avatar)

    Bilgi

    Gönderi Başına Git

    Alıntı yilmaz Nickli Üyeden Alıntı Mesajı göster
    @kudret443 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:
    1. <!DOCTYPE html>
    2. <html>
    3. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    4. <title>SAATİ GEÇTİKDEN SONRA KIRMIZI OLUCAK</title>
    5. <meta name="viewport" content="width=device-width, initial-scale=1" />
    6. <style>
    7. html,body{font-family:Verdana,sans-serif;font-size:15px;line-height:1.5;}
    8. html{overflow-x:hidden;}
    9. h1,h2,h3,h4,h5,h6{font-family:"Segoe UI",Arial,sans-serif;font-weight:700;margin:10px 0;text-align: center;}
    10. .saat-container{padding:0.01em 16px}
    11. .saat-container:after,.saat-container:before{content:"";display:table;clear:both;}
    12. .saat-tag{background-color:red;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center;margin: 5px;border-radius:5px;}
    13. .saat-xlarge{font-size:24px!important}
    14. span.saat-tag.saat-xlarge:hover {
    15.     background: #03e9f4;
    16.     border-radius: 5px;
    17.     color:#000 !important;
    18.     box-shadow: 0 0 5px #03e9f4, 0 0 25px #03e9f4, 0 0 50px #03e9f4, 0 0 100px #03e9f4;
    19. }
    20. </style>
    21. <body>
    22. <div class="saat-container">            
    23.                 <?php 
    24.                 $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');
    25.                 $anliksSaat date('H:i');
    26.                echo '<h2>SAAT '.$anliksSaat.'</h2>';
    27.                 foreach ($saati as $saat){
    28.                     $class '';
    29.                     if ($saat $anliksSaat){
    30.                         $class ' style="background-color:forestgreen"';
    31.                     }                    
    32.                     echo '<span class="saat-tag saat-xlarge"'.$class.'>'$saat'</span>';            
    33.                 }
    34.                 ?>
    35. </div>
    36. </body>
    37. </html>
    Teşekkür ederim


  6. kudret443 üyemize teşekkür edenler:

Konu Bilgileri

Bu Konuya Gözatan Kullanıcılar

Şu an 2 kullanıcı var. (0 üye ve 2 konuk)

Bu Konudaki Etiketler

Yetkileriniz

  • Konu Acma Yetkiniz Yok
  • Cevap Yazma Yetkiniz Yok
  • Eklenti Yükleme Yetkiniz Yok
  • Mesajınızı Değiştirme Yetkiniz Yok
  •