Netflix Top 10 Dizi Film Türkiye ve Dünya Listesine Nasıl Ulaşılır

Netflix üyelerine internete bağlı bilgisayar, televizyon, telefon ya da tablet gibi bir cihazdan film ve dizi izlemelerini sağlayan ücretli bir...
Devamını oku
Netflix Top 10 Dizi Film Türkiye ve Dünya Listesine Nasıl Ulaşılır

Windows 11 Fare İşaretçisinin Rengini ve Boyutunu Değiştirme

Boyutu ve rengi nedeniyle bilgisayar ekranınızda fare işaretçisini takip etmekte zorlanıyor olabilirsiniz. Fare imlecinin boyutunu veya rengini değiştirmek istiyorsanız bunu...
Devamını oku
Windows 11 Fare İşaretçisinin Rengini ve Boyutunu Değiştirme

XPS Dosyası Nedir? Nasıl Açılır?

XPS dosyaları yani XML Paper Specification dosyaları (.oxps) Adobe un PDF ine karşı microsoftun rakibidir. PDF kadar yaygın olmasa da...
Devamını oku
XPS Dosyası Nedir? Nasıl Açılır?

Windows 11 Özellikleri ve Öncekilerden Farkları

Windows 11 özellikleri nelerdir ve önceki işletim sistemlerinden farkları var mıdır gibi soruların cevabını bu başlık altında bulacaksınız. Windows 11...
Devamını oku
Windows 11 Özellikleri ve Öncekilerden Farkları

Windows 10 İşletim Sistemi Ücretsiz Kullanma

Bilindiği gibi Windows 10 işletim sistemi en fazla kullanılmakta olan işletim sistemlerinden biridir. Kimileri Windows 11 işletim sistemini kullansa da...
Devamını oku

İphone 14 Pro Kullanmanın Avantajları

İphone 14 Pro kullanmanın avantajları saymakla bitmeyecek kadar fazladır. İphone 14 Pro hem üstün bir konfora sahip özellikleri hem de...
Devamını oku
İphone 14 Pro Kullanmanın Avantajları

APPLE IOS 16 Hangi Yenilikleri Sunuyor

Apple ios 16 iphone için birçok yenilik sunuyor. Apple ios 16 Apple firması tarafından İphone telefonlar için geliştirilmiş olan 16....
Devamını oku
APPLE IOS 16 Hangi Yenilikleri Sunuyor

Android İle İlgili Bilmemiz Gerekenler

Android Google tarafından geliştirilmiş olan işletim sistemlerinden biridir. Android cep telefonu ve tabletlerde bulunan bir işletim sistemidir. Ayrıca saatlerde de...
Devamını oku
Android İle İlgili Bilmemiz Gerekenler

Windows Bilinmeyen Dosya Türlerini Açma

Bilgisayar kullanıcıları olarak her gün farklı uzantılardaki dosyalarla karşılaşıyoruz. Çok sayıda dosya türü bulunuyor. Bir mp3 dosyasını ya da bir...
Devamını oku
Windows Bilinmeyen Dosya Türlerini Açma

Windows 11 Masaüstü Arka Planını Otomatik Olarak Değiştirme

Windows 11 işletim sisteminde masaüstü arka plan resimlerini (wallpaper) günlük otomatik olarak değiştirebilirsiniz. Microsoft'un arama motoru olan Bing her gün...
Devamını oku
Windows 11 Masaüstü Arka Planını Otomatik Olarak Değiştirme

CSS Tam Ekran ve Sabit Arkaplan (Background) Belirleme

Web sitenizin, blogunuzun arkaplanında tek bir renk kullanmak yerine bir resim kullanmayı tercih edebilirsiniz. Ben de şu an kullanmış olduğum temada, wallpaper olarak kullanıma sunulmuş olan ücretsiz bir resim dosyasını arkaplan olarak kullanmaktayım. Belirlediğim arkaplanın ekranın tamamını kaplamasını, farklı çözünürlüklerde boşluklar bulunmamasını ve sabit olmasını istiyordum. İnternette biraz araştırma yaparak istediğim sonuca ulaştım ve bu yöntemi sizinle paylaşmak istedim. Aşağıdaki kodları kullanarak sayfanıza ekranın tamamını kaplayan ve sabit (sayfa aşağı kaydıkça tekrarlanmayan) arkaplan ekleyebilirsiniz.

HTML / CSS Arkaplan Resmi Tekrarlanmasın (Resmi Sabitleme)

css-tam-ekran-background

HTML kodunda yapmanız gereken tek şey resim dosyanız için bir id belirlemek. İşlemin zor bir yanı yok fakat yine de acemi okuyucularımız için değişiklik yapılması gereken yeri belirtelim. images/bg.jpg yazan bölüme resim dosyanızın adresini yazın. Aşağıdaki gibi bir kod oluşturmanız gerekiyor. Resmin sabitlenmesini sağlayan bölüm iste CSS kodunda yer alan position:fixed; satırı.

  • Kullanmanız gereken HTML kodu şu şekilde.
<img src="images/bg.jpg" id="bg" alt="">
  • CSS dosyanıza eklemeniz gereken kod ise şu şekilde.
#bg {
  position: fixed; 
  top: 0; 
  left: 0; 
  min-width: 100%;
  min-height: 100%;
}

Yorumlar

  1. veysel

    bu eklediğimiz arka plan resmine link nasıl eklenir. yani demek istediğim arka plan resmine tıkladığımızda belirlediğimiz bir link açılsın istiyorum. bunu yapabiliyormuyuz.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

back to top
Araç çubuğuna atla