Chuyển đến nội dung chính

Tự tạo giao diện của riêng mình cho trình duyệt Firefox

Personas là tính năng độc đáo, cho phép người dùng thay đổi và làm cho giao diện của Firefox trở nên đẹp mắt và thú vị hơn. Ngoài những bộ giao diện sẵn có do Personas cung cấp, người dùng cũng có thể tạo những mẫu giao diện của riêng mình tự thiết kế.

Với các phiên bản Firefox mới đây, người dùng có thể sử dụng tính năng Personas bằng cách truy cập vào http://www.getpersonas.com/en-US/, chọn mẫu giao diện ưng ý và nhấn vào nút ‘Wear it!’mà không cần phải cài đặt thêm plugin Personas như trước đây.

personas-plus-1

Bài viết dưới đây sẽ giúp bạn tự tạo giao diện cho Firefox để trình duyệt web “cáo lửa” trở nên độc đáo và cá tính hơn.

Đầu tiên, cài đặt plugin Personas Plus tại đây (Truy cập bằng Firefox và nhấn nút ‘Add to Firefox’, rồi nhấn nút Allow ở cửa sổ hiện ra sau đó)

Sau khi cài đặt và khởi động lại Firefox, tại cửa sổ giao diện Firefox sẽ xuất hiện biểu tượng Personas (biểu tượng chú cáo nhỏ) ở góc dưới bên trái. Click vào biểu tượng này, chọn Preferences.

Tại hộp thoại Personas Preferences hiện ra, đánh dấu vào tùy chọn ‘Show Custom Persona in menu’ rồi nhấn OK.

personas-plus-3

Kích tiếp vào biểu tượng Personas trên giao diện của Firefox một lần nữa, chọn Custome Persona -> Edit.

Một tab mới sẽ được mở trên Firefox, cho phép bạn chọn hình ảnh để xuất hiện ở phần trên (Header) và phần dưới (Footer) của Firefox. Nhấn vào nút Browser ở mỗi mục để chọn hình ảnh mà bạn muốn sử dụng làm giao diện của Firefox.

Cuối cùng, nhấn vào biểu tượng Personas, chọn Custome -> Apply để sử dụng giao diện do chính bạn vừa tạo ra.

 

Lưu ý:

- Hình ảnh được chọn để làm Header nên có kích cỡ 3000 pixel chiều ngang và 200 pixel chiều dọc.

- Hình ảnh để sử dụng làm Footer nên có kích cỡ 3000 pixel chiều ngang vào 100 pixel chiều dọc.

- Định dạng ảnh được hỗ trợ để sử dụng là PNG và JPEG.

- Hình nền Footer, bạn chỉ nên thiêt kế hình ảnh với một màu cố định để có được kết quả tốt nhất.

Dưới đây là một mẫu giao diện mẫu được tạo ra với nội dung chính là tiêu đề của trang báo điện tử Dân trí.

personas-plus-5


Hướng dẫn thay đổi kích cỡ hình ảnh:

Như trên đã đề cập, để có được hình ảnh phù hợp để làm giao diện cho Firefox, cần phải thiết lập kích cỡ sao cho thích hợp. Để thuận tiện trong việc chỉnh sửa và thay đổi kích cỡ, bạn có thể nhờ đến Photo Filter.

Photo Filtre là phần mềm chỉnh sửa ảnh nhỏ gọn và miễn phí, nhưng lại cung cấp các tính năng khá mạnh mẽ để một người dùng phổ thông có thể biên tập và chỉnh sửa hình ảnh của mình. Download phần mềm tại đây (Bao gồm cả phiên bản cài đặt và phiên bản Portable)

Sau khi download và cài đặt, tại giao diện chính của phần mềm, chọn File -> Open từ menu rồi tìm đến hình ảnh cần chỉnh sửa và thay đổi kích cỡ.

Từ hình ảnh được chọn, sử dụng chuột, kéo và khoanh vùng khu vực muốn trên ảnh muốn sử dụng để làm giao diện Firefox, rồi kích chuột phải vào đó, chọn Crop.

personas-plus-6

Từ hình ảnh trích xuất được ở trên, nhấn tổ hợp phím Ctrl + H trên bàn phím (hoặc chọn Image -> Image Size từ menu. Điền kích cỡ mới của hình ảnh vào hộp thoại Image size hiện ra sau đó.

Bạn không nhất thiết phải thiết lập kích cỡ ảnh đúng bằng kích cỡ khuyến cáo như ở trên.

Bạn nên truy cập vào trang chủ của Personas (http://www.getpersonas.com/en-US/) và tham khảo một vài bộ giao diện mẫu để có thể tự tạo ra bộ giao diện của mình cho phù hợp.

Sau khi tạo được một hình ảnh, hãy thử sử dụng nó để “áp” vào giao diện Firefox. Nếu phù hợp, bạn không cần phải làm gì thêm, ngược lại, hãy thử thay đổi kích cỡ của hình ảnh để có được kết quả ưng ý hơn.

Trên đây là các bước để tự tạo ra một mẫu giao diện cho Firefox, hy vọng với thủ thuật này, trình duyệt web của bạn sẽ trở nên độc đáo và cá tính hơn.

Quang Huy

Bài đăng phổ biến từ blog này

Linux IP Commands

Display Current Config for all NIC's: ifconfig Display Current Config for eth0: ifconfig eth0 Assign IP: ifconfig eth0 192.168.1.2 Ping: ping -c 3 192.168.1.1

Thực tế ảo

(Theo naldzgraphics.net)

DOS / Windows IP Commands

Display Connection Configuration: ipconfig /all Display DNS Cache Info: ipconfig /displaydns Clear DNS Cache: ipconfig /flushdns Release All IP Address Connections: ipconfig /release