Tumblr'da Sabit Kenar Çubuğu Nasıl Oluşturulur

Bir Web sayfasını aşağı kaydırdıysanız ve üzerindeki bir öğe hareket etmediyse, CSS konum etiketinin iş başında olduğuna tanık oldunuz. Bu etiketi şablonlarına ekleyen Tumblr bloggerları, bloglarında da aynı etkiyi yaratabilirler. Bunu denemek için iyi bir yer kenar çubuğunuzdur. Blogunuzun HTML koduna bir konum etiketi ekledikten sonra, insanlar blog sayfalarınızı yukarı ve aşağı kaydırdığında kenar çubuğunuz sabit kalır.

Tumblr kontrol panelinizi ziyaret edin, ardından ayarlar simgesine ve güncellemek istediğiniz blogun adına tıklayın. Yalnızca bir blogunuz varsa, adını tıklayın.

"Özelleştir"i ve ardından "HTML Eklendi"yi tıklayın. Tumblr temanızı açar ve HTML kodunu görüntüler.

Kodun içinde herhangi bir yeri tıklayın ve kodu Windows panosuna kopyalamak için "Ctrl-A" ve ardından "Ctrl-C" tuşlarına basın. Yeni bir Not Defteri belgesi açın ve kodu belgeye yapıştırın. Bu adımlar, orijinal şablonunuzun yedek bir kopyasına sahip olmanızı sağlar.

Tumblr HTML koduna dönün ve bir arama kutusu açmak için "Ctrl-F" tuşlarına basın. Bu arama kutusuna "kenar çubuğu" yazın ve ardından "Enter" tuşuna basın. Tumblr, "kenar çubuğu"nun ilk geçtiği yeri bulur ve kodun o kelimeyi içeren bölümünü görüntüler. Bulduğu kod aşağıdakine benzer görünmelidir:

sarmalayıcı #sidebar { color: {color:Background}; }

Kodun ilk satırı #wrapper #sidebar kelimelerini içerir. Bu kelimeleri bir sol parantez takip eder.

Aşağıdaki kodu, ilk kod satırının hemen altına yapıştırın:

pozisyon: sabit; sağ: 100 piksel;

Konum özelliği, tarayıcılara kenar çubuğunu, kaydırdığınızda hareket etmemesi için düzeltmeleri talimatını verir. Doğru öznitelik, tarayıcılara kenar çubuğunun sağ kenarının Web sayfasının sağ kenarından kaç piksel oturmasını istediğinizi söyler. Bu örnekte, sağ özniteliğin değeri 100 pikseldir.

Değişikliklerinizin bir önizlemesini görüntülemek için "Önizlemeyi Güncelle"yi tıklayın. Pencerenin kaydırma çubuğunu yukarı ve aşağı sürükleyin, kenar çubuğunuzun hareket etmediğini göreceksiniz. Değişikliklerinizi kaydetmek için "Kaydet"i tıklayın.

İpuçları

Kenar çubuğunun yatay konumunu ayarlamak istiyorsanız, doğru öznitelik için farklı değerlerle denemeler yapmak isteyebilirsiniz. Örneğin, değeri 100 pikselden 50 piksele değiştirirseniz, kenar çubuğu 50 piksel sağa doğru hareket eder.

Uyarılar

HTML düzenleyicide çalışırken dikkatli olun, çünkü yanlışlıkla mevcut kodu değiştirmek sayfanızın düzeni üzerinde dramatik etkiler yaratabilir. Kodu değiştirirseniz ve değişikliklerinizi nasıl geri alacağınızı bulamıyorsanız, HTML düzenleyicideki her şeyi her zaman silebilir ve orijinal durumuna geri yüklemek için kopyaladığınız yedek kodu düzenleyiciye yapıştırabilirsiniz.