HTML

Sitenin köşesine sesli Atatürk resmi ekleme

Merhaba arkadaşlar bu gün ki forum yazımda sizlere standart olarak site köşesine eklenen Atatürk görselini paylaşacağım, aşağıda vereceğim kodlar sayesinde sitenizin köşesine çok kolay bir şekilde Atatürk’ün sesli görselini ekleyebilirsiniz.

Ses 29 Ekim Cumhuriyet Bayramına özel olarak düzenlemiştir isteyenler ses olan kısmı silerekde kullanabilirler, isteğe bağlı olarak görseli ve ses dosyasını kendi sitenize ekeleyerekte kullanabilirisniz.

Şimdi gelelim kuruluma, WordPress kullananlar header.php dosyasını açarak dosyanın en alt kısmına yukarıdaki kodların tamamını yapıştırarak kolaylıkla kurulumu yapabilirler, WordPress kullanmayan arkadaşlar ise varsa kullandıkları altyapıda header.php dosyası yine aynı şekilde musait bir yere kelesinler eğer oda yok ise tahmini olarak dosylarınızın içerine deneme yanılma yönetici ile ekleyebilirler, sorularınız foruma yorum olarak yazabilirsiniz.

Yukarıda da bahsettiğim igbi sesi kaldırmak sitiyorsanız eğer aşağıdaki kodları silmeniz yeterli olacaktır.

HTML yazı boyutu kodu

Eğer bir yazıyı diğerlerine göre daha büyük veya küçük göstermek istiyorsanız aşağıdaki kodda bulunan “8” değerini istediğiniz kadar büyütüp küçültebilirsiniz, font kodunu kullanırken yazınızın sonuna </font> eklemeyi unutmayın, eğer eklemezseniz yazı verdiğiniz değeri kaybedene dek aynı boyutta kalacaktır.

 

Css ile üzerine gelince değişen resim yapma

Bu yazımızda size img etiketi kullanmadan üzerine gelince değişen resim elde etmeyi göstereceğiz.

İlk önce bir div sınıfı atayalım. Örneğin ben resmi codexresim adlı bir css sınıfına atayacağım.

Div kodlarımız hazır. Şimdi css kodlarımızı ayarlamamız gerekiyor. Css sınıfımızı (class) aşağıdaki şekilde tanımlıyoruz. Resim olarak codex logomuzu kullanacağız.

Yukarıdaki kodda css sınıfımızı div’e tanıttık ve resmin genişlik ve yükseklik değerlerini verdik. Genişlik ve yüksek değerleri resim ile aynı olmalı. Şimdi üzerine gelince hangi resmin değişmesi için gereken css kodlarını verelim.

Yukarıdaki kodda resmin üzerine gelince hangi resmin gözükeceğini ayarladık ve resmin kendi genişlik ve yükseklik değerini girdik. Şimdi kodlarımızın çalışabilirliğini test etmek için bir araya toplayalım. Css kodlarımızı <style> etiketi arasına koyacağız.

Yukarıdaki kodların ön izlemesi aşağıdaki gibidir. Kodumuz çalışıyor, güle güle kullanın.

iframe kodlarını html ile ortalamak

Evet yine küçük ve gerekli bir kod parçası ile karşınızdayım, bu seferki kod parçam <center> kod </center>‘ın işe yaramadığı yerlerde kullanılabilir, bu kod iframe ortalamak da başarısız oldu bende bunun için aşağıdaki kodları kullandım bu şekilde ortalamak istediğim iframe kodunu ortalamış oldum.

Yukarıdaki kodlar işinizi görecektir, ben yinede pratik olarak kullandığım ortalama kodunuda konuya ekleyeyim belki brinin işine yarar belli mi olur :)