HUAWEI M-Pencil diğer cihazlarla kullanma.

HUAWEI M-Pencil kalemi diğer cihazlarla eşleştirme Kalem kullanabilen ürünler:HUAWEI  MatePad Pro,HUAWEI MatePad Pro 5G,HUAWEI M-Pencil Package,HUAWEI MatePad,HUAWEI M-Pencil(package、2nd generation(cd54)),HUAWEI MatePad...
Devamını oku

HUAWEI ekran kalemleriyle uyumlu PC ve tablet modelleri.

Aşağıdaki Liste ekran kalemleri ve tabletler/PC'ler arasındaki uyumluluğu gösterir. Cihazınız Listede bulunmuyorsa, HUAWEI ekran kalemleriyle uyumlu değildir. Ekran Kalem Modeli:...
Devamını oku

Chrome Kaldığım Yerden Devam Et Özelliği

Ben de diğer birçok kullanıcı gibi tarayıcı tercihimi Google Chrome dan yana kullanıyorum. Chrome ile açtığımız sekmelerin sayısı bazen çok...
Devamını oku
Chrome Kaldığım Yerden Devam Et Özelliği

Her gün Ücretsiz Tam sürüm.

Chip bilgisayar dergisinin https://tr.giveawayoftheday.com/ sitesi ile beraber yaptığı güzel bir paylaşım olan çalışma. Bu çalışmada her gün bir programın ücretsiz...
Devamını oku

Apple Pencil 1.Nesil ve uygun fiyatlı muadilleri.

Kalemli tabletlerde Apple kendini sisteme dahil ettiği ilk ürünüdür. Yalnız 1.nesil kullanan apple tabletler ikinci nesil kalem kullanamıyor. İkinci nesil...
Devamını oku
Apple Pencil 1.Nesil ve uygun fiyatlı muadilleri.

2023 Yılı Takvimi ve Resmi Tatiller Excel PDF

2022 yılı bitimine artık birkaç ay kaldı. Bir seneyi daha geride bırakmak üzereyiz. Umarım 2022 istediğiniz gibi geçen bir sene...
Devamını oku

Nefsin Mertebeleri nelerdir?

  Nefs-i Emmare Nefs-i Levvame Nefs-i Mülhime Nefs-i Mutmainne Nefs-i Raziye Nefs-i Mardiyye Nefs-i Kamil Nefs-i Emmare: İnsana devamlı doğru...
Devamını oku

Nefs Nedir?

Ne olaki bu nefs? Hangi yollarda karşımızda boy göstere... Daha önceki Tasavvuf nedir yazımızda şu ifadeler geçmişti: Tasavvuf kalbi doğduğu...
Devamını oku

Hangi Apple Pencil modelleri hangi iPad modellerinde çalışır.

Apple Pencil uyumluluğu Hangi Apple Pencil modellerinin hangi iPad modelleriyle çalıştığını öğrenin. Apple Pencil (1. nesil) Apple Pencil (1. nesil)...
Devamını oku
Hangi Apple Pencil modelleri hangi iPad modellerinde çalışır.

İkinci Üniversite Nedir? İkinci Üniversite kayıt tarihleri ne zaman?

Bir üniversiteden mezun ya da halen okumakta olanların herhangi bir sınava girmeden aynı alanda olmamak şartıyla ikinci diploma şansı veren...
Devamını oku
İkinci Üniversite Nedir? İkinci Üniversite kayıt tarihleri ne zaman?

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