Apa Makna Unsur Tetap dalam Tumblr?

Istilah "elemen tetap" dalam Tumblr merujuk pada objek dalam tema Tumblr anda yang tidak bergerak relatif terhadap tetingkap penyemak imbas. Sebagai contoh, tema anda mungkin mempunyai bar sisi yang diperbaiki. Dalam kes ini, bar sisi tidak bergerak semasa anda menatal ke bawah halaman; ia sentiasa berada di tempat yang sama berbanding dengan tetingkap penyemak imbas. Elemen yang diperbaiki ditentukan dalam kod Cascading Style Sheets tema anda.

HTML dan CSS

Semua tema Tumblr ditentukan oleh gabungan HTML dan CSS. Secara umum, HTML mengawal struktur tema, sementara CSS menentukan gayanya. Banyak laman web mempunyai fail HTML dan CSS yang berasingan. Walau bagaimanapun, HTML dan CSS dari tema Tumblr khas wujud bersama dalam satu kod sumber bersatu.

Mencari CSS Tema Anda

Untuk mencari kod sumber tema anda, anda mesti log masuk ke akaun Tumblr anda. Dari papan pemuka anda, klik ikon gear untuk mengakses menu Tetapan. Di menu Tetapan, pilih blog yang ingin anda lihat. Di menu penyesuaian blog, klik "Sesuaikan" di bahagian Tema. Ini akan membawa anda ke halaman penyesuaian tema. Di bawah tajuk tema anda, klik "Edit HTML." Ini akan memaparkan HTML dan CSS tema anda.

Kedudukan:Harta Tetap

Dalam kod tema anda, anda boleh menekan "Ctrl-F" untuk mencari item tertentu. Sekiranya anda menaip "posisi:tetap" ke dalam bidang carian, anda boleh melihat pelbagai elemen tetap dalam tema anda. Sekiranya carian anda tidak menghasilkan hasil atau kurang daripada yang dijangkakan, cuba cari "kedudukan:tetap" tanpa ruang selepas titik dua. Elemen yang diperbaiki akan dinamakan sebelum tanda kurung "{". Contohnya #sidebar {position:fixed;} akan membetulkan elemen dengan ID "sidebar".

Menempatkan Elemen

Setelah kaedah penentuan kedudukan elemen ditentukan, anda boleh menggerakkannya di sepanjang paksi mendatar atau menegak dengan sebilangan piksel. Untuk melakukan ini, tentukan tepi bekas elemen dan bilangan piksel yang anda mahu memisahkan elemen dari tepi itu. Sebagai contoh, #sidebar {kedudukan:tetap; bahagian atas:20 piksel; kanan:10px;} akan meletakkan bar sisi 20 piksel dari bahagian atas tetingkap penyemak imbas dan 10 piksel dari sebelah kanan tetingkap penyemak imbas.

Menukar Elemen Tetap

Sekiranya anda menemui unsur tetap, anda boleh mengubah cara kedudukannya. Atribut "position:static" memperbaiki kedudukan elemen berbanding dengan tempatnya dalam aliran kod HTML. Atribut ini digunakan untuk mengimbangi elemen dengan jumlah tertentu dari kedudukan statik normalnya. Sebagai contoh, #sidebar {kedudukan:relatif; kanan:20px;} akan mengimbangi elemen #sidebar 20 piksel dari sempadan kanannya yang normal. Akhir sekali, kedudukan:atribut mutlak menghilangkan elemen dari aliran dokumen dan meletakkannya relatif dengan unsur yang mengandunginya. Sebagai contoh, jika unsur kedudukan mutlak berada di dalam elemen kedudukan relatif, sebarang perubahan pada kedudukannya akan berlaku berbanding dengan elemen kedudukan relatif. Anda boleh bereksperimen dengan jenis kedudukan yang berbeza ini untuk menyesuaikan elemen mana yang terpaku dalam tema Tumblr anda.