Istilah "elemen tetap" di Tumblr mengacu pada objek apa pun dalam tema Tumblr Anda yang tidak bergerak relatif terhadap jendela browser. Misalnya, tema Anda mungkin memiliki bilah sisi yang diperbaiki. Dalam hal ini, bilah sisi tidak bergerak saat Anda menggulir halaman ke bawah; itu selalu tetap di tempat yang sama relatif terhadap jendela browser. Elemen tetap ditentukan dalam kode Cascading Style Sheets tema Anda.
HTML dan CSS
Semua tema Tumblr ditentukan oleh kombinasi HTML dan CSS. Secara umum, HTML mengontrol struktur tema, sedangkan CSS menentukan gayanya. Banyak situs web memiliki file HTML dan CSS yang terpisah. Namun, HTML dan CSS dari tema Tumblr yang khas ada bersama-sama dalam satu kode sumber terpadu.
Menemukan CSS Tema Anda
Untuk menemukan kode sumber tema Anda, Anda harus masuk ke akun Tumblr Anda. Dari dasbor Anda, klik ikon roda gigi untuk mengakses menu Pengaturan. Di menu Pengaturan, pilih blog yang ingin Anda lihat. Di menu kustomisasi blog, klik "Sesuaikan" di bagian Tema. Ini akan membawa Anda ke halaman kustomisasi tema. Di bawah judul tema Anda, klik "Edit HTML". Ini akan menampilkan HTML dan CSS tema Anda.
Posisi: Properti Tetap
Dalam kode tema Anda, Anda dapat menekan "Ctrl-F" untuk mencari item tertentu. Jika Anda mengetik "position: fixed" ke dalam bidang pencarian, Anda dapat menelusuri berbagai contoh elemen tetap dalam tema Anda. Jika pencarian Anda tidak memberikan hasil atau kurang dari yang diharapkan, coba cari "position:fixed" tanpa spasi setelah titik dua. Elemen yang diperbaiki akan diberi nama sebelum tanda kurung "{". Misalnya #sidebar{position:fixed;} akan memperbaiki elemen dengan ID "sidebar".
Memposisikan Elemen
Setelah metode penentuan posisi elemen telah ditentukan, Anda dapat memindahkannya sepanjang sumbu horizontal atau vertikal dengan sejumlah piksel tertentu. Untuk melakukan ini, tentukan tepi wadah elemen dan jumlah piksel yang Anda inginkan untuk memisahkan elemen dari tepi itu. Misalnya, #sidebar{posisi:tetap; atas: 20 piksel; right: 10px;} akan memposisikan sidebar 20 piksel dari atas jendela browser dan 10 piksel dari kanan jendela browser.
Mengubah Elemen Tetap
Jika Anda menemukan elemen tetap, Anda dapat mengubah cara penempatannya. Atribut "position:static" memperbaiki posisi elemen relatif terhadap tempatnya dalam aliran kode HTML. Atribut ini digunakan untuk mengimbangi elemen dengan jumlah tertentu dari posisi statis normalnya. Misalnya, #sidebar{posisi: relatif; right:20px;} akan mengimbangi elemen #sidebar 20 piksel dari batas kanan normalnya. Terakhir, atribut position:absolute menghapus elemen dari aliran dokumen dan memposisikannya relatif terhadap elemen yang mengandungnya. Misalnya, jika elemen dengan posisi absolut berada di dalam elemen dengan posisi relatif, setiap perubahan pada posisinya akan terjadi relatif terhadap elemen dengan posisi relatif. Anda dapat bereksperimen dengan berbagai jenis pemosisian ini untuk menyesuaikan elemen mana yang diperbaiki dalam tema Tumblr Anda.
