PHP ile sunucunun tarih ve saatini öğrenmek oldukça kolaydır. date() fonksiyonu, PHP'nin yerleşik fonksiyonlarından biri olup, belirtilen formatta tarih ve saat bilgisi döndürebilir. Bu bilgiyi sunucunuzun saat dilimiyle öğrenmek, özellikle farklı sunucularda çalışan uygulamalar için önemlidir. Aşağıdaki kodu bir dosya olarak kaydedip, sunucunuza yükleyerek sunucunuzun tarih ve saat dilimini görebilirsiniz: Kodunuzu date.php olarak kaydedin. Bu dosyayı sunucunuza yükleyin. Web tarayıcınızda bu dosyayı açarak sunucunuzun tarih ve saat bilgisini görüntüleyebilirsiniz. date.php Dosyasının İçeriği: <?php // Sunucunun tarih ve saatini almak echo "Sunucunun tarih ve saati: " . date("Y-m-d H:i:s"); ?> Açıklama:...
Rastgele Bağlantı Listesi Gösterimi: Web Sayfanızı Zenginleştirin
Bu kod, web sayfası üzerinde rastgele seçilen bağlantıları (linkleri) görüntülemek için kullanılır. Amaç, belirli bir sayıdaki bağlantıyı (bu örnekte 10 bağlantı) rastgele şekilde seçip, bunları kullanıcıya göstermek ve her birinin tıklanabilir hale gelmesini sağlamaktır. Aşağıda kodun her kısmının ne işe yaradığını detaylıca açıklıyorum: Kodun Amacı ve Kullanımı HTML Yapısı: <div id="linkContainer"></div> etiketi, bağlantıların (linklerin) yerleştirileceği bir kapsayıcıyı (container) belirtir. Burada bağlantılar dinamik olarak eklenip, kullanıcıya sunulacaktır. CSS Stilleri: Kodda, bağlantıların görsel olarak nasıl görüneceği belirlenmiştir. #linkContainer elementinin genişliği 100% olacak şekilde ayarlanmış, ayrıca her bir bağlantının stilinin düzenlenmesi için özellikler...
Kullanıcı Deneyimini Artıran Modern Hover Efektleri
Bu CSS kodu, belirli bir elementin (bu durumda, #linkContainer içindeki tüm <a> bağlantılarının) stilini tanımlar ve hover (üzerine gelindiğinde) etkisi ekler. Kod, iki ana bölümden oluşmaktadır: Kod Açıklaması: #linkContainer a: Bu kısım, sayfada id="linkContainer" olan bir elementin içerisindeki tüm <a> (bağlantı) etiketlerine uygulanacak stilleri belirtir. transition: color 0.3s, padding-left 0.3s;: transition özelliği, bir stil değişikliğinin animasyonlu bir şekilde yapılmasını sağlar. Bu durumda, bağlantılara ait color ve padding-left özelliklerinin değişimi 0.3 saniyelik bir süreyle yapılacaktır. Yani, bağlantının rengi değiştiğinde veya sol iç boşluğu (padding-left) değiştiğinde, bu değişiklikler 0.3 saniye içinde yavaşça...
Resimleri Bozmadan Kırpma: object-fit: cover; Kullanımı
object-fit: cover; CSS özelliği, özellikle <img> ve <video> gibi medya öğelerinde kullanılır ve içeriğin belirlenen genişlik ve yükseklik oranlarına uyum sağlamasını sağlar. Ne İşe Yarar? Resmin veya videonun belirlenen bir konteynerin içine sığmasını ve kırpılmasını sağlar. Orantıyı bozmadan içeriğin tamamen görünmesini sağlar. İçeriği taşırmadan ve boşluk bırakmadan gösterir. Nasıl Çalışır? Resim, orijinal en-boy oranını koruyarak belirtilen alanı doldurur. Eğer resmin oranı belirtilen konteynerle uyuşmazsa, taşan kısımlar kırpılır ama resim deforme olmaz. Resim kendi merkezine göre hizalanır, yani ortalanmış olur. Kullanım Amaçları Responsive Tasarımlar Farklı ekran boyutlarında resimlerin bozulmadan ve kaymadan...
HTML’de Bağlantı (Link) Nasıl Eklenir?
HTML’de bağlantı vermek ve görselleri tıklanabilir hale getirmek oldukça yaygın bir tekniktir. Kullanıcıların sayfalar arasında kolayca geçiş yapabilmesi için linkler kullanılır. <a> ve <img> etiketleriyle görselleri bağlantı haline getirerek, hem görsel hem de metin tabanlı içeriklerde etkileşim oluşturabilirsiniz. Aşağıda, bu etiketlerin nasıl geliştirilebileceği ve daha kapsamlı bir şekilde nasıl kullanılacağına dair örnekleri ve açıklamaları bulabilirsiniz. HTML’de Link Verme ve Görseli Bağlantı Haline Getirme HTML’de bir yazıya veya görsele bağlantı eklemek için, <a> ve <img> etiketleri kullanılır. Bu sayede, kullanıcılar görsel veya metin üzerine tıkladığında başka bir sayfaya yönlendirilir. 1. Linki...