Is there any way I customize the interface so that the bookmark star is a significantly bigger button?
My company is working on a project in which it is important to see which pages they have already visited - and when they know, they don't have to read that page again. I was not able to find a solution to this, except to ask them to bookmark the pages they've visited, and then when they look at the page again, they can see that it has already been bookmarked. The way to tell that a page has already been booked marked is by looking at the star - I was wondering if there was anyway to make that star bigger.
If you have any other solutions to see whether pages have been visited, please give me your solution. Thank you so much.
所有回覆 (3)
This sounds related to your other post: Is there any way I can customize Firefox so that the page itself looks significantly different when it has already been visited (in History)? You didn't reply to my follow-up question there.
Firefox allows you to use style rules to change various elements of the user interface, so it probably is possible to make the star icon in the address bar larger. This will have the effect of making the entire bar taller, though, in order to accommodate the larger star.
(I can't take time at the moment to develop a rule for this, but hopefully someone will be able to do that later today.)
由 jscher2000 - Support Volunteer 於 修改
Actually, the rule is simple:
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); #star-button[starred="true"]{height:32px!important;width:64px!important}
It's not pretty stretching an image like this, but...
This rule can be applied by creating a userChrome.css file and having each user copy it to their system. If you have an existing userChrome.css file on the system, the last line of the above is what you need to add. Please search here for userChrome.css for more information on how to use that file.
Alternately, if your users use the Stylish extension, they can use the above by creating a new blank rule and pasting in the two lines.
See chrome://browser/skin/browser.css
/* Star button */
#star-button {
list-style-image: url("chrome://browser/skin/places/starPage.png");
}
#star-button[starred="true"] {
list-style-image: url("chrome://browser/skin/places/pageStarred.png");
}
You can consider to change the highlighted star button (#star-button[starred="true"]) to an image that is more distinctive (add the !important; flag to override the current rule)
#star-button[starred="true"] {
list-style-image: url("<link to my image>") !important;
}
Add code to the userChrome.css file below the default @namespace line.