Resimlerinizi Büyültmek için Tumblr'da CSS Nasıl Değiştirilir

Tumblr, fotoğraf, video ve tırnak gibi öğelerin sayfada nasıl görüneceğini tanımlamak için kullanıcıların temalarına ekleyebilecekleri benzersiz etiketler ve özellikler sağlar. Çoğu tema, hangi etiketin kullanıldığına bağlı olarak, resim genişliğini 500 veya 400 piksele sınırlayan "{PhotoURL-500}" veya "{PhotoURL-400}" etiketlerini kullanır. Ancak resimlerinizin 500 pikselden daha büyük görünmesini istiyorsanız, "{PhotoURL-HighRes}" etiketini sayfa kodunuza ekleyebilir ve fotoğrafın genişliğini kontrol etmek için basamaklı stil sayfalarını veya CSS'yi düzenleyebilirsiniz.

1.

Kontrol panelinden uygun blogu seçin. "Temayı Özelleştir" i tıklayın ve "HTML'yi Düzenle" yi seçin.

2.

"Ctrl-F" ye basın ve "{block: Photo}" etiketini aramak için Bul'u kullanın. Bu etiket, fotoğrafların temada nasıl görünmesi gerektiğini açıklar. Aramak " "tag, " {block: Photo} "ve" {/ block: Photo} "etiketlerinin arasında.

3.

"Src" değerini "{PhotoURL-HighRes}" olarak değiştirin. "{PhotoURL-HighRes}", orijinalin daha küçük, yeniden boyutlandırılmış bir kopyasını üretmek yerine görüntünün orijinal boyutlarını korur.

4.

Belgenin en üstüne gidin ve "" etiketlerini bulun.

6.

Tercih edilen genişliğe "[value]" değiştir. Örneğin, görüntünün kabın tam genişliğine yayılması - genellikle "" - "[değer]" 'i "% 100" olarak değiştirin.

7.

"Görünüm" e tıklayın ve "Kaydet" i seçin. Gösterge tablosuna geri dönmek için "Kapat" ı tıklayın.

8.

Tercihlerinizi görüntülemek için dişli simgesini tıklayın. "Tam Boyutta Fotoğrafları Göster" i işaretleyin ve "Kaydet" i tıklayın.

İpuçları

• Değer olarak "% 100" kullanıyor olsanız bile, görüntü yalnızca içinde bulunduğu kap kadar büyük olacaktır; konteynerden daha büyük olamaz. Bu nedenle, görüntü yalnızca 500 piksel olan bir öğenin içindeyse, görüntü de 500 piksele yeniden boyutlandırılır.
• Görüntüyü tutan kabın genişliğini değiştirebilirsiniz, ancak bu yalnızca fotoğraf gönderilerinin değil tüm gönderilerin genişliğini de değiştirir. CSS kodunda ".post" sınıfını arayın ve ardından istenen boyutu piksel cinsinden tanımlamak için karşılık gelen "genişlik" özelliğini değiştirin.