Thuật ngữ "các phần tử cố định" trong Tumblr đề cập đến bất kỳ đối tượng nào trong chủ đề Tumblr của bạn không di chuyển liên quan đến cửa sổ trình duyệt. Ví dụ: chủ đề của bạn có thể có một thanh bên được cố định. Trong trường hợp này, thanh bên không di chuyển khi bạn cuộn xuống trang; nó luôn ở cùng một vị trí so với cửa sổ trình duyệt. Các phần tử cố định được xác định trong mã Trang tính kiểu xếp tầng của chủ đề của bạn.
HTML và CSS
Tất cả các chủ đề Tumblr được xác định bằng sự kết hợp của HTML và CSS. Nói chung, HTML kiểm soát cấu trúc của một chủ đề, trong khi CSS quyết định phong cách của nó. Nhiều trang web có tệp HTML và CSS riêng biệt. Tuy nhiên, HTML và CSS của một chủ đề Tumblr điển hình tồn tại cùng nhau trong một mã nguồn thống nhất.
Tìm CSS chủ đề của bạn
Để xác định mã nguồn của chủ đề, bạn phải đăng nhập vào tài khoản Tumblr của mình. Từ trang tổng quan của bạn, nhấp vào biểu tượng bánh răng để truy cập menu Cài đặt. Trong menu Cài đặt, chọn blog bạn muốn xem. Trong menu tùy chỉnh blog, nhấp vào "Tùy chỉnh" trong phần Chủ đề. Thao tác này sẽ đưa bạn đến trang tùy chỉnh chủ đề. Dưới tiêu đề chủ đề của bạn, nhấp vào "Chỉnh sửa HTML". Điều này sẽ hiển thị HTML và CSS của chủ đề của bạn.
Vị trí: Tài sản cố định
Trong mã chủ đề của bạn, bạn có thể nhấn "Ctrl-F" để tìm kiếm các mục cụ thể. Nếu bạn nhập "position: fixed" vào trường tìm kiếm, bạn có thể chuyển qua các trường hợp khác nhau của các phần tử cố định trong chủ đề của mình. Nếu tìm kiếm của bạn không trả về kết quả nào hoặc ít hơn mong đợi, hãy thử tìm kiếm "vị trí: cố định" không có dấu cách sau dấu hai chấm. Phần tử được cố định sẽ được đặt tên trước dấu ngoặc "{". Ví dụ: #sidebar {position: fixed;} sẽ sửa một phần tử có ID "thanh bên".
Định vị các phần tử
Khi phương pháp định vị của phần tử đã được chỉ định, bạn có thể di chuyển nó dọc theo trục ngang hoặc trục dọc theo một số pixel nhất định. Để thực hiện việc này, hãy chỉ định cạnh của vùng chứa phần tử và số pixel bạn muốn tách phần tử khỏi cạnh đó. Ví dụ: #sidebar {position: fixed; đầu trang: 20px; right: 10px;} sẽ định vị thanh bên 20 pixel từ đầu cửa sổ trình duyệt và 10 pixel từ bên phải cửa sổ trình duyệt.
Thay đổi các yếu tố cố định
Nếu bạn định vị một phần tử cố định, bạn có thể thay đổi cách định vị phần tử đó. Thuộc tính "position: static" cố định vị trí của phần tử so với vị trí của nó trong luồng mã HTML. Thuộc tính này được sử dụng để bù đắp phần tử một lượng nhất định so với vị trí tĩnh bình thường của nó. Ví dụ, #sidebar {vị trí: tương đối; right: 20px;} sẽ bù đắp phần tử #sidebar 20 pixel so với đường viền bên phải bình thường của nó. Cuối cùng, thuộc tính vị trí: tuyệt đối xóa phần tử khỏi luồng tài liệu và định vị phần tử đó so với phần tử chứa nó. Ví dụ: nếu một phần tử có vị trí tuyệt đối nằm bên trong một phần tử có vị trí tương đối, thì bất kỳ thay đổi nào đối với vị trí của nó sẽ xảy ra so với phần tử có vị trí tương đối. Bạn có thể thử nghiệm với các loại định vị khác nhau này để tùy chỉnh các yếu tố nào được cố định trong chủ đề Tumblr của bạn.
