Làm thế nào để Cố định Hộp Mô tả nhưng Không phải Trang Cuộn trên Tumblr

Nếu chủ đề blog Tumblr của bạn cho phép hộp mô tả cuộn xuống trang cùng với các bài đăng trên blog của bạn, rất có thể bạn có thể khóa hộp tại chỗ. Để làm như vậy, chủ đề phải bao gồm một tùy chọn trong trang CSS của nó với một tùy chọn để khóa hộp mô tả. Vì các nhà phát triển thường sử dụng cùng một mã CSS cho tất cả các chủ đề của họ, nên thường có khả năng nó có tùy chọn này. Phần khó khăn nằm ở việc cố gắng tìm từ nào mà nhà phát triển đã sử dụng để mở khóa tính năng này. Trong nhiều trường hợp, nó có thể đơn giản như từ "fixed", nhưng bạn không thể chắc chắn từ đó có thể là gì cho đến khi bạn kiểm tra mã.

Kiểm tra mã HTML

Đăng nhập vào Tumblr và nhấp vào biểu tượng Cài đặt hình bánh răng ở đầu trang tổng quan của bạn. Chọn blog của bạn từ phần Blog trong thanh bên và nhấp vào "Chỉnh sửa chủ đề". Nhấp vào liên kết "Chỉnh sửa HTML" dưới tên chủ đề trong thanh bên. Mã HTML của chủ đề của bạn xuất hiện ở bên trái và bản xem trước blog Tumblr của bạn xuất hiện ở bên phải.

Nhấn "Ctrl-F" trên bàn phím để mở trường Tìm kiếm và nhập hai hoặc ba từ chính xác như chúng xuất hiện trong hộp mô tả blog của bạn. Điều này đưa bạn trực tiếp đến mã HTML cho những từ đó. Cuộn lên cho đến khi bạn thấy mã hộp mô tả, chẳng hạn như "khối: Mô tả".

Kiểm tra các dòng ngay phía trên mã hộp mô tả và tìm thuộc tính giữ cho hộp mô tả luôn nổi, chẳng hạn như "unuck" hoặc "float". Từ này phải nằm trong thẻ "div id" chẳng hạn như "

."

Thay thế thuộc tính giữ hộp mô tả nổi trên trang bằng từ "đã sửa", chẳng hạn như "

. "Nhấp vào nút" Cập nhật Xem trước ". Nhấp vào bản xem trước ở bên phải và thử cuộn trang. Nếu điều này hoạt động, hãy nhấp vào nút" Lưu ". Hộp mô tả của bạn sẽ được giữ cố định trong khi nội dung blog của bạn cuộn. Nếu điều này không xảy ra không hiệu quả, bạn cần kiểm tra mã CSS để tìm từ phù hợp.

Tìm mã CSS

Cuộn lên đầu mã HTML của chủ đề Tumblr của bạn. Nhấp vào trường "Tìm kiếm" phía trên mã và nhập "biểu định kiểu". Thao tác này sẽ đưa bạn đến trường hợp đầu tiên của từ này trong mã HTML, thường là trong khoảng 50 dòng đầu tiên, chẳng hạn như "rel = stylesheet." Đánh dấu URL ngay trước từ này, bắt đầu bằng "http:" và kết thúc bằng "css". Đây là địa chỉ Web của trang CSS của chủ đề.

Mở tab trình duyệt mới, dán URL CSS vào thanh địa chỉ và nhấn "Enter". Lúc đầu, bạn có thể thấy các chữ cái và số vô nghĩa, nhưng nếu cuộn xuống trang, bạn sẽ thấy mã CSS, trông rất giống với mã HTML. Bạn không thể thay đổi mã này, nhưng bạn có thể sử dụng mã này để tìm từ có thể khóa hộp mô tả tại chỗ.

Nhấn "Ctrl-F" và nhập từ được sử dụng trong mã HTML của chủ đề để giữ hộp mô tả nổi, như "float". Khi bạn tìm thấy từ này, hãy cuộn lên và xuống trang để kiểm tra mã gần đó. Tìm từ đối lập có thể được sử dụng để khóa nó tại chỗ, chẳng hạn như "fixed", "static" hoặc "kẹt".

Quay lại tab trình duyệt hiển thị mã HTML của chủ đề và thay thế từ giữ hộp mô tả nổi bằng từ có thể giữ cho nó cố định. Nhấp vào nút "Cập nhật Xem trước" và sau đó thử cuộn xuống trang xem trước. Nếu điều này hiệu quả, hãy nhấp vào nút "Lưu". Nếu nó không hoạt động, hãy tiếp tục cuộc tìm kiếm từ ma thuật phù hợp.

Lời khuyên

Trong một số trường hợp, nhà phát triển chủ đề có thể không bao gồm mã CSS để cho phép chủ đề có hộp mô tả cố định.

Cảnh báo

Không lưu các thay đổi trong mã HTML của chủ đề Tumblr của bạn cho đến khi bạn đã kiểm tra kỹ Bản xem trước. Thay đổi ngẫu nhiên bất kỳ thứ gì trong mã HTML có thể làm rối bố cục blog của bạn một cách nghiêm trọng.