Tumblr'daki "sabit öğeler" terimi, Tumblr temanızdaki tarayıcı penceresine göre hareket etmeyen herhangi bir nesneyi ifade eder. Örneğin, temanızın sabitlenmiş bir kenar çubuğu olabilir. Bu durumda, sayfayı aşağı kaydırdığınızda kenar çubuğu hareket etmez; tarayıcı penceresine göre her zaman aynı yerde kalır. Sabit öğeler, temanızın Basamaklı Stil Sayfaları kodunda tanımlanır.
HTML ve CSS
Tüm Tumblr temaları, HTML ve CSS'nin bir kombinasyonu ile tanımlanır. Genel olarak, HTML bir temanın yapısını kontrol ederken, CSS onun stilini belirler. Birçok web sitesinde ayrı HTML ve CSS dosyaları bulunur. Bununla birlikte, tipik bir Tumblr temasının HTML ve CSS'si, tek bir birleşik kaynak kodunda birlikte bulunur.
Tema CSS'nizi Bulma
Temanızın kaynak kodunu bulmak için Tumblr hesabınıza giriş yapmalısınız. Ayarlar menüsüne erişmek için kontrol panelinizden dişli simgesini tıklayın. Ayarlar menüsünde, görüntülemek istediğiniz blogu seçin. Blog özelleştirme menüsünde Tema bölümündeki "Özelleştir"i tıklayın. Bu sizi tema özelleştirme sayfasına götürecektir. Temanızın başlığının altında "HTML'yi Düzenle"yi tıklayın. Bu, temanızın HTML ve CSS'sini görüntüler.
Pozisyon: Sabit Mülk
Temanızın kodunun içinde belirli öğeleri aramak için "Ctrl-F" tuşlarına basabilirsiniz. Arama alanına "pozisyon: sabit" yazarsanız, temanızdaki sabit öğelerin farklı örnekleri arasında geçiş yapabilirsiniz. Aramanız sonuç vermezse veya beklenenden daha az sonuç verirse, iki nokta üst üste işaretinden sonra boşluk bırakmadan "konum:sabit" aramayı deneyin. Sabitlenen öğe, "{" parantezinden önce adlandırılacaktır. Örneğin #sidebar{position:fixed;} "kenar çubuğu" kimliğine sahip bir öğeyi düzeltir.
Elemanları Konumlandırma
Bir elemanın konumlandırma yöntemi belirlendikten sonra, onu yatay veya dikey eksenler boyunca belirli sayıda piksel ile hareket ettirebilirsiniz. Bunu yapmak için, elemanın bulunduğu kabın kenarını ve elemanı o kenardan ayırmak istediğiniz piksel sayısını belirtin. Örneğin, #sidebar{konum:sabit; üst: 20 piksel; right: 10px;}, kenar çubuğunu tarayıcı penceresinin üstünden 20 piksel ve tarayıcı penceresinin sağından 10 piksel konumlandırır.
Sabit Elemanları Değiştirme
Sabit bir elemanın yerini tespit ederseniz, onun konumlanma şeklini değiştirebilirsiniz. "position:static" özelliği, öğenin konumunu HTML kodunun akışındaki yerine göre sabitler. Bu öznitelik, öğeyi normal statik konumundan belirli bir miktarda dengelemek için kullanılır. Örneğin, #sidebar{konum: göreceli; right:20px;}, #sidebar öğesini normal sağ sınırından 20 piksel kaydırır. Son olarak, position:absolute niteliği, öğeyi belge akışından kaldırır ve içerdiği öğeye göre konumlandırır. Örneğin, mutlak konumlu bir öğe, göreli olarak konumlanmış bir öğenin içindeyse, göreli konumlu öğeye göre konumunda herhangi bir değişiklik meydana gelir. Tumblr temanızda hangi öğelerin sabitlendiğini özelleştirmek için bu farklı konumlandırma türlerini deneyebilirsiniz.
