Thủ thuật Firefox: CSS với Firefox

May 6, 2008

Chào các bạn.

Vừa lang thang thấy cái bài viết thủ thuật này khá hay và lạ nữa nên xin tác giả copy lại cho mọi người. Như vậy trình duyệt Firefox sẽ thân thiện hơn với chúng ta rồi.

Sau đây là một số tips làm cho firefox linh hoạt và dễ sử dụng theo cách riêng của mình. Bạn hãy nhớ đường dẫn sau để tìm file “userChrome.css” và “userContent.css” được sử dụng liên tục trong bài này:

  • Windows XP: C:\Documents and Settings\Username\Local Settings\Application Data\Mozilla\Firefox\Profiles\xxxxxxxxx.default\chrome\
  • Windows Vista: C:\Users\Username\AppData\Roaming\Mozilla\Firefox\Profiles\xxxxxxxxx.default\chrome\

với:

  • Username = Tên bạn dùng cho Windows Login và
  • xxxxxxxx là tổng hợp các ký tự và chữ số ngẫu nhiên.
1. Thay đổi độ lớn ô tìm kiếm

Firefox chỉ để mặc định đủ để hiển thị 25 ký tự từ khóa tìm kiếm. Bạn muốn thay đổi độ lớn thanh tìm kiếm, đơn giản bằng cách mở tệp “userChrome.css” (Xem đường dẫn ở trên) với TextEditor mà bạn yêu thích, sau đó add thêm đoạn mã sau:

.search-textbox[focused="true"] {width: 300px !important;} 

Chạy lại firefox, searchbox hiển thị như bình thường, nhưng khi bạn click chuột vào nó, searchbox tự động sẽ thay đổi chiều rộng với độ lớn 300px.

2. Tạo một thanh tiêu đề cơ động

Bookmark menu chiếm vị trí rất lớn khi mỗi khi duyệt web, và khi bạn sở hữu 1 màn hình cỡ nhỏ sẽ chiếm hết độ lớn của trang bạn đang duyệt. Bạn có thể “cất” thanh tiêu đề này bằng cách disabled nó khi vào View\Toolbar. Nhưng đôi khi cũng không thể từ bỏ nó 1 cách dễ dàng, chỉ còn một cách là tạo một thanh tiêu đề cơ động

Bằng cách: mở tệp “userChrome.css” (Xem đường dẫn ở trên) với TextEditor mà bạn yêu thích, sau đó add thêm đoạn mã sau:

#PersonalToolbar {display: none;}<br /><br /><br />  #navigator-toolbar:hover > #PersonalToolbar {display: -moz-box;}

Trong trường hợp này bạn chỉ cần di chuột qua khu vực thanh tiêu đề sẽ tự động hiện ra.

3. Thay đổi độ lớn Bookmark

Nếu bạn thay đổi bookmark trên thanh tiêu đề cơ động với độ lớn 250em, đủ để hiện thị các bookmarks . Bằng cách: mở tệp “userChrome.css” (Xem đường dẫn ở trên) với TextEditor mà bạn yêu thích, sau đó add thêm đoạn mã sau:

.bookmark-item[livemark = "true"]<br /><br /><br />  .bookmarh-item {max-width: 250em !important;} 

4. Mầu mè cho Tab active của Firefox.

Bạn duyệt web với nhiều tabs trong firefox, rất khó và có thể làm bạn “mỏi mắt” khi nhận biết tab nào đang active, tại sao không cho tab đang active đó 1 mầu khác dễ nhận biết nhỉ.

Bằng cách: mở tệp “userChrome.css” (Xem đường dẫn ở trên) với TextEditor mà bạn yêu thích, sau đó add thêm đoạn mã sau:

@-moz-document url(chrome://browser/content/browser xul){tab[selected="true"] > hbox, tab[selected="true"] > toolbarbutton{<br /><br /><br />  color: #fff !important; background-color: #c66 !important; font-weight: bold !important;} 

Bạn có thể thay đổi mầu của tab bằng thay đổi giá trị mã mầu Hexadecimal, ở trên #fff và #c66, mà bạn yêu thích.

5. Mầu mè cho Tab ẩn (inactive) của Firefox

Cũng như tip 4, nhưng tip này mầu mè cho tab ẩn, bạn chỉ cần add đoạn mã sau:

@-moz-document url(chrome://browser/content/browser xul){tab[selected="false"] > hbox, tab[selected="false"] > toolbarbutton{<br /><br /><br />
color: #fff !important; background-color: #6ae !important;}

Nguồn: http://blog.nanowings.de

VN:F [1.8.1_1037]
Rating: 8.5/10 (6 votes cast)
Thủ thuật Firefox: CSS với Firefox8.5106

Popularity: 2% [?]

Các bài viết liên quan:

  1. Tối ưu trình duyệt Firefox – giảm bộ nhớ RAM sử dụng Chào các bạn. Uất ức với cái thằng Firefox bản mới 2.0.0.13, mình mở vài cái Tab trình duyệt một tí là thấy máy chậm rì rì, mở vài chương trình khác nữa là cứ đơ ra. Hic hic, xem lại trên Process thì thấy nó chiếm hàng mấy trăm MB, bèn tắt đi mở lại. [...]...
  2. Các plugin cần thiết cho Firefox Chào các bạn Mình dùng Firefox đã rất lâu rồi và cảm thấy dùng không có gì phải băn khoăn gì cả rất là tiện lợi dễ dùng. Đặc điểm mình thích ở Firefox là tốc độ tải website khá nhanh, miễn phí, có nhiều plugin tha hồ nhúng vào để tiện lợi cho làm việc [...]...
  3. Từ điển cho người Việt -nhúng từ điển vào trình duyệt Firefox của bạn Homepage: http://tudientiengviet.net Chào các bạn. Mấy hôm search linh tinh tìm cái từ điển cho website thì thấy từ điển này rất hay được phát triển bởi một nhóm người Việt. Thông tin thêm xin mời các bạn vào trang chủ của tudientiengviet. Các bộ từ điển được hỗ trợ Từ điển Anh <-> Việt Từ điển Pháp <-> Việt Từ [...]...
  4. Foxmarks Bookmark Synchronizer – Đồng bộ bookmark của bạn Chào các bạn. Mình dùng Internet rất nhiều nên lượng bookmark rất lớn, khổ cái là khi cài lại Win nếu mà quên không export cái bookmark.htm ra thì có ngồi mà khóc vì chẳng nhớ được hết những site mà mình bookmark vào. Đôi khi nhiều site rất quan trọng. Hôm trước vào thử addons của [...]...
  5. LastPass – 1 plugin quản lý password quá tốt Trang chủ: https://lastpass.com/ LastPass is a free online password manager and Form Filler that makes your web browsing easier and more secure. LastPass supports IE and Firefox as Plugins (Opera, Safari, Chrome, iPhone, Opera Mini via Bookmarklets), allows you to import from every major password storage vendor and export too, captures passwords that other managers won’t [...]...
  6. [C001] Kỹ thuật lập trình C căn bản Đây là khóa học C001 được tổ chức tại Hocdelam Group. Tóm tắt khóa học Khóa học : Kỹ thuật lập trình C căn bản Thời gian đào tạo: 4 tiếng Giảng viên: Ngô Hải Bắc Email: ngohaibac@hocdelam.com Website: http://www.ngohaibac.net Ngôn ngữ lập trình C C là ngôn ngữ lập trình tương đối nhỏ gọn, vận hành gần với phần cứng (gần hơn [...]...

Leave a Comment

Previous post: Giáo trình Video học tiếng Hàn Quốc 44 bài

Next post: Thông báo quan trọng: thiết lập quyền thành viên