whycomputer.com >> Rangkaian komputer >  >> Internet

Cara Membuat Sidebar Tetap di Tumblr

Sekiranya anda pernah menatal halaman Web dan item di dalamnya tidak bergerak, anda telah menyaksikan teg kedudukan CSS beraksi. Tumblr blogger yang menambahkan tag ini ke templat mereka dapat menghasilkan kesan yang sama di blog mereka. Tempat yang bagus untuk mencubanya ialah di bar sisi anda. Setelah anda menambahkan tag kedudukan ke kod HTML blog anda, bar sisi anda tetap terpaku ketika orang menatal ke atas dan ke bawah halaman blog anda.

Lawati papan pemuka Tumblr anda, kemudian klik ikon tetapan dan nama blog yang ingin anda kemas kini. Sekiranya anda hanya mempunyai satu blog, klik namanya.

Klik "Sesuaikan" diikuti dengan "HTML Ditambahkan." Tumblr membuka tema anda dan memaparkan kod HTMLnya.

Klik di mana sahaja di dalam kod tersebut dan tekan "Ctrl-A" diikuti oleh "Ctrl-C" untuk menyalin kod tersebut ke papan keratan Windows. Buka dokumen Notepad baru dan tampal kod ke dalam dokumen. Langkah-langkah ini memastikan bahawa anda mempunyai salinan sandaran templat asal anda.

Kembali ke kod HTML Tumblr dan tekan "Ctrl-F" untuk membuka kotak carian. Taip "bar sisi" di kotak carian itu, kemudian tekan "Enter." Tumblr menemui kejadian pertama "bar sisi" dan memaparkan bahagian kod yang mengandungi perkataan itu. Kod yang dijumpainya mestilah serupa dengan yang berikut:

pembungkus #sidebar {color:{color:Background}; }

Baris pertama kod mengandungi perkataan #wrapper #sidebar. Pendakap kiri mengikut kata-kata itu.

Tampal kod berikut tepat di bawah baris pertama kod:

kedudukan:tetap; betul:100 piksel;

Atribut kedudukan memerintahkan penyemak imbas untuk memperbaiki bar sisi agar tidak bergerak semasa anda menatal. Atribut yang betul memberitahu penyemak imbas berapa piksel yang anda mahukan di tepi kanan bar sisi untuk duduk dari margin kanan halaman Web. Dalam contoh ini, atribut yang betul mempunyai nilai 100px.

Klik "Kemas kini Pratonton" untuk melihat pratonton perubahan anda. Seret bar tatal tetingkap ke atas dan ke bawah dan anda akan melihat bar sisi anda tidak bergerak. Klik "Simpan" untuk menyimpan perubahan anda.

Petua

Anda mungkin ingin bereksperimen dengan nilai yang berbeza untuk atribut yang betul jika anda ingin menyesuaikan kedudukan mendatar bar sisi. Contohnya, jika anda menukar nilainya dari 100px menjadi 50px, bar sisi bergerak lebih jauh ke kanan sebanyak 50 piksel.

Amaran

Hati-hati semasa anda bekerja di editor HTML, kerana mengubah kod yang ada secara tidak sengaja boleh memberi kesan dramatik pada susun atur halaman anda. Sekiranya anda mengubah kod dan anda tidak dapat mengetahui cara membuat asal perubahan anda, anda sentiasa boleh memadam semua yang ada dalam editor HTML dan menampal kod sandaran yang anda salin ke editor untuk mengembalikannya ke keadaan asalnya.


URL:https://ms.whycomputer.com/internet/1015019141.html

Internet
  • Cara Membuat Kod QR untuk PDF

    Kod Respons Pantas boleh menjadi alat promosi yang kuat untuk digunakan semasa membuat media cetak yang anda harapkan akan dilihat oleh orang yang memiliki telefon pintar. Kod QR adalah gambar persegi kecil yang mengandungi teks yang dikodkan. Apabila pemilik telefon pintar mengambil gambar kod ters

  • Bagaimana Saya Membuat Tema Tumblr di Dreamweaver?

    Tema Tumblr adalah susun atur halaman yang menentukan rupa blog anda, termasuk warna dan gambarnya, dan anda boleh membuat tema anda sendiri menggunakan Dreamweaver. Walaupun Tumblr memberikan tata letak lalai untuk halaman anda, anda boleh membuat tema yang disesuaikan dengan mengubah kod Cascading

  • Cara Menukar Fon Tajuk di Tumblr

    Orang-orang di Tumblr begitu serius dengan pengguna mereka menyatakan diri mereka, mereka mengorbankan huruf e dari nama aplikasi mereka. Mereka mendorong pengguna mereka untuk menjadi seksi, luar biasa dan luar biasa mungkin, memberi mereka akses ke kod mentah yang menentukan bagaimana blog mereka

Rangkaian komputer © https://ms.whycomputer.com