Tumblr'da Arka Plan Nasıl Ortalanır

Tumblr blog temanızda bir arka plan resmini ortalamak için blog temasının HTML kodu sayfasında basit bir CSS kodu satırını düzenleyin. Arka plan alanını tekrar etmeden veya "döşemeden" dolduran bir arka plan görüntüsü kullanmayı düşünün. Varsayılan Tumblr Redux temasındaki arka plan görüntüsü özelliği, varsayılan olarak arka plan görüntülerini döşer. Aynı CSS deyimini düzenleyerek döşemeyi devre dışı bırakabilir ve arka plan görüntüsünü ortalayabilirsiniz. Görüntüyü hem dikey hem de yatay olarak ortalayabileceğinizi unutmayın.

Tumblr'ı açın, ardından tüm bloglarınızın listesini görüntülemek için blog adınızın yanındaki oku tıklayın. Açılır iletişim kutusunda düzenlemek için blogu tıklayın. Birincil blog temanızı düzenlemek için sonraki adıma geçin.

Seçilen temayı Düzenleme modunda açmak için “Özelleştir” sekmesine tıklayın.

Özelleştir panelinin Arka Plan Görüntüsü bölümündeki “Yükle” simgesine tıklayın, ardından arka plan görüntüsüne gidin ve tıklayın. Resmi yüklemek için “Aç” ı tıklayın.

Tema düzenleyiciyi açmak için “HTML Düzenle” bağlantısını tıklayın.

Bul ve Değiştir aracını açmak için “Ctrl-F” tuşlarına basın. Giriş kutusuna tırnak işaretleri olmadan "arka plan" yazın. Aşağıdaki kod satırlarını bulmak için aşağı oku tıklayın:

body { background: {color:Background} url('{image:Background}') sol üst sabit tekrar;

"Sol üst sabit yineleme"nin Arka Plan özellik değerlerini "tekrarsız merkez merkez" olarak değiştirin. İlk "merkez" örneği, görüntüyü dikey olarak ortalar. İkinci örnek, görüntüyü yatay olarak ortalar. Açıklamanın sonundaki noktalı virgülü unutmayın.

Önizleme penceresinde arka plan resmini görüntülemek için “Önizlemeyi Güncelle” düğmesini tıklayın.

Kod düzenlemelerini kaydetmek için “Kaydet”e tıklayın, ardından düzenleyiciyi kapatmak ve blogunuzun ana sayfasına dönmek için Çıkış simgesine tıklayın.

İpuçları

Arka plan resminizi hem yatay hem de dikey olarak ortalamak istiyorsanız, "tekrarsız merkez merkez" satırı için bir kod kısayolu kullanabilirsiniz. Bir "merkez" değeri atlanırsa, bir "merkez" değeri ima edilir. Görüntüyü hem dikey hem de yatay olarak ortalamak için "tekrarsız merkez" seçeneğini kullanabilirsiniz.

"Tekrarsız üst orta" satırı, görüntüyü yatay olarak ortalar ve görüntüyü sayfanın üst kısmıyla hizalar.