Nếu bạn là người hâm mộ lớn của cả Google Reader và Firefox, bạn sẽ muốn biết rằng phiên bản Trình đọc sách trên iPhone của Google hoàn toàn phù hợp với thanh bên của Firefox và với một vài chỉnh sửa, chúng tôi có thể làm cho nó phù hợp.
Chúng tôi có thể tùy chỉnh nó để loại bỏ tiêu đề, chọn trang bắt đầu của chúng tôi, giảm bớt phông chữ và thậm chí loại bỏ các trích đoạn để cung cấp cho chúng tôi một danh sách sạch đẹp như thế này:
Thêm Google Reader iPhone Edition vào thanh bên của Firefox
Tất cả những gì bạn phải làm là nhấp chuột phải vào bất kỳ nơi nào trên thanh dấu trang và chọn Dấu trang mới, đặt tên cho nó (hoặc để trống) và đặt vào URL sau:
https://www.google.com/reader/i/
Đảm bảo bạn chọn hộp "Tải dấu trang này trong thanh bên" và bạn đã hoàn tất.
Thay đổi dấu trang để mở thẻ cụ thể (hoặc trang)
Vấn đề đầu tiên là dấu trang mở ra cho tất cả các mục xem theo mặc định, đó là xấu cho những người trong chúng ta với một số lượng rất lớn các mục đăng ký. Tôi muốn mở Reader bằng thẻ "yêu thích" của mình được chọn theo mặc định, vì vậy chúng tôi sẽ phải điều chỉnh điều này.
Điều hướng trong thanh bên đến thẻ bạn muốn và sau đó nhấp chuột phải vào vùng trống của trang và chọn “Xem thông tin trang”
Loại bỏ đường viền Ugly Blue
Lưu ý: Đối với phần còn lại của các chỉnh sửa, bạn sẽ cần có Tiện ích phong cách đã cài đặt hoặc bạn có thể tạo một tệp có tên userContent.css trong thư mục chủ đề Firefox của bạn và đặt mã ở đó.
Vì lý do gì đó, logo của Google Reader có viền màu xanh khó chịu xung quanh nó, nhưng chúng ta có thể loại bỏ nó bằng một kịch bản phong cách nhanh chóng.
@namespace url(https://www.w3.org/1999/xhtml);
@-moz-document url-prefix(https://www.google.com/reader/i) {.logo img {border:0px !important;} }
Xóa tiêu đề hoàn toàn
Thay vì chỉ thay đổi đường viền, bạn có thể xóa toàn bộ phần hình ảnh tiêu đề vì nó không thực sự cần thiết. Thay vào đó, hãy điều chỉnh tập lệnh kiểu cách thành:
@namespace url(https://www.w3.org/1999/xhtml);
@-moz-document url-prefix(https://www.google.com/reader/i) {.logo {display:none !important;} }
Nhấp vào nút Xem trước sẽ hiển thị các thay đổi mới…
Điều chỉnh kích thước phông chữ
Trang web của iPhone được tối ưu hóa cho màn hình hiển thị cảm ứng nhỏ, vì vậy phông chữ chỉ là cách quá lớn đối với sở thích của tôi. Chúng ta có thể thêm dòng sau vào kịch bản phong cách để làm cho phông chữ hơi nhỏ hơn:
* {font-size:0.97em !important; }
Nếu bạn đang theo dõi, toàn bộ tập lệnh bây giờ sẽ là:
@namespace url(https://www.w3.org/1999/xhtml);
@-moz-document url-prefix(https://www.google.com/reader/i) {.logo {display:none !important;} * {font-size:0.97em !important; } }
Giờ đây, chúng tôi đã có chế độ xem nhỏ gọn hơn, dễ đọc hơn:
Đổi danh sách thành chỉ tiêu đề
Bạn sẽ nhận thấy rằng bạn có thể thấy một vài từ đầu tiên của bài đăng trong chế độ xem danh sách … cá nhân tôi chỉ muốn hiển thị dòng tiêu đề. Thêm phần sau vào tập lệnh của bạn:
span.item-snippet {display:none !important;} span.item-source-title{font-size:0.9em !important}
Bây giờ chúng tôi đã có một ứng dụng thanh bên thực sự hữu ích:
Toàn bộ tập lệnh
Đây là phiên bản cuối cùng của tập lệnh này, với thanh biểu tượng bị xóa, kích thước phông chữ nhỏ hơn và không có trích đoạn nào.
@namespace url(https://www.w3.org/1999/xhtml); @-moz-document url-prefix(https://www.google.com/reader/i) {.logo {display:none !important;} * {font-size:0.97em !important; } span.item-snippet {display:none !important;} span.item-source-title{font-size:0.9em !important} }
Điều này sẽ minh họa lý do tại sao tôi là một fan cuồng nhiệt của phong cách.