28Jun
Έχετε κουραστεί να κοιτάξετε το πορτοκαλί κουμπί του Firefox μενού;Η διεπαφή του Firefox είναι πλήρως προσαρμόσιμη, ώστε να μπορείτε να αλλάξετε το χρώμα, το κείμενο και άλλες ιδιότητες του κουμπιού μενού του Firefox για να δημιουργήσετε τη δική σας προσαρμοσμένη εμφάνιση.
Για να αλλάξετε την εμφάνιση του κουμπιού του μενού Firefox, θα επεξεργαστούμε το αρχείο userChrome.css.Αυτό το αρχείο σάς επιτρέπει να αλλάξετε την εμφάνιση οποιουδήποτε μέρους του Firefox, καθώς και τη λειτουργικότητά του.
Πριν από την κατάδυση στην επεξεργασία του αρχείου userChrome.css, θα εγκαταστήσουμε ένα πρόσθετο, που ονομάζεται ChromEdit Plus, το οποίο θα μας επιτρέψει να επεξεργαστούμε εύκολα το αρχείο και να το αποθηκεύσουμε στη σωστή μορφή.Κάντε κλικ στον παρακάτω σύνδεσμο για να μεταβείτε στην ιστοσελίδα του ChromEdit Plus.
http: //webdesigns.ms11.net/ chromeditp.html
Κάντε κλικ στο κουμπί Προσθήκη στο Firefox της σελίδας.
Μπορεί να εμφανιστεί το ακόλουθο μήνυμα.Κάντε κλικ στο κουμπί Να επιτρέπεται για να συνεχίσετε την εγκατάσταση του πρόσθετου ChromEdit Plus.
ΣΗΜΕΙΩΣΗ: Να είστε πολύ προσεκτικοί σχετικά με το τι επιτρέπετε κατά την εγκατάσταση επεκτάσεων και άλλου λογισμικού.Εάν δεν είστε σίγουροι για το προϊόν ή δεν εμπιστεύεστε την εταιρεία, μην το εγκαταστήσετε.Ελέγξαμε το ChromEdit Plus και το βρήκαμε ασφαλές και αξιόπιστο.
Εμφανίζεται το παράθυρο διαλόγου Εγκατάσταση λογισμικού.Κάντε κλικ στο κουμπί Εγκατάσταση τώρα, το οποίο ενδέχεται να μην είναι διαθέσιμο μέχρι να τελειώσει η αντίστροφη μέτρηση.
ΣΗΜΕΙΩΣΗ: Μπορείτε να αλλάξετε τη διάρκεια της αντίστροφης μέτρησης στο κουμπί Εγκατάσταση, αλλά δεν συνιστούμε να την απενεργοποιείτε.
Πρέπει να επανεκκινήσετε τον Firefox για να ολοκληρώσετε την εγκατάσταση.Κάντε κλικ στην επιλογή "Επανεκκίνηση τώρα" στο παράθυρο διαλόγου μενού.
Μόλις γίνει επανεκκίνηση του Firefox, το κουμπί ChromEdit Plus προστίθεται στα δεξιά του πλαισίου Διεύθυνση.Κάντε κλικ σε αυτό για να ανοίξετε το παράθυρο ChromEdit Plus.
Υπάρχουν τρεις καρτέλες από προεπιλογή στο παράθυρο ChromEdit Plus.Θα επεξεργαστούμε το αρχείο userChrome.css, το οποίο βρίσκεται στην πρώτη καρτέλα.Εάν η καρτέλα είναι κενή, αντιγράψτε και επικολλήστε το παρακάτω κείμενο στην καρτέλα userChrome.css και κάντε κλικ στην επιλογή Αποθήκευση.Αυτό σας δίνει ένα προεπιλεγμένο αρχείο userChrome.css.
διεύθυνση @namespace( "http: //www.mozilla.org/keymaster/gatekeeper/ there.is.only.xul");
# κουμπί appmenu{
φόντο: #orange! Important;
}
# appmenu-κουμπί dropmarker: πριν από{
περιεχόμενο: "Firefox"!
χρώμα: #FFFFFF!
}
# κουμπί εφαρμογών. Κουμπί-κείμενο{ εμφάνιση
: καμία!
}
Ίσως έχετε ήδη ένα αρχείο userChrome.css, οπότε στην καρτέλα userChrome.css θα υπάρχει ήδη κείμενο.Αντιγράψτε όλο το παραπάνω κείμενο εκτός από την πρώτη γραμμή, τη γραμμή @namespace και επικολλήστε την στην καρτέλα κάπου μετά τη γραμμή @namespace.Αν θέλετε να διατηρήσετε αυτό που έχετε ήδη, μπορείτε να επικολλήσετε το παραπάνω κείμενο στο τέλος του αρχείου.
ΣΗΜΑΝΤΙΚΟ: Βεβαιωθείτε ότι όλες οι προσφορές στο userChrome.css δεν είναι έξυπνες προσφορές, συμπεριλαμβανομένων εκείνων στη γραμμή @namespace.Θα πρέπει να είναι συνηθισμένα, ίσια εισαγωγικά.Αν κάποιο από αυτά είναι έξυπνα εισαγωγικά, το αρχείο δεν θα επηρεάσει καθόλου την εμφάνιση του Firefox.
Κάντε κλικ στην επιλογή Επανεκκίνηση για να ξεκινήσετε τον Firefox χρησιμοποιώντας το νέο ή αναθεωρημένο αρχείο userChrome.css.
Σε αυτό το παράδειγμα, πρόκειται να αλλάξουμε το χρώμα φόντου σε σκούρο μπλε και να αλλάξουμε το κείμενο "Firefox" στο "How-To Geek".
Για να αλλάξετε το χρώμα φόντου, αλλάξτε το κείμενο "#orange" στη γραμμή "φόντο" στην ενότητα "# appmenu-button" σε διαφορετικό χρώμα χρησιμοποιώντας τον κωδικό χρώματος hex ή τον κώδικα HTML.Για παράδειγμα, επιλέξαμε ένα σκούρο μπλε χρώμα με τον κωδικό χρώματος hex # 2C4362.
ΣΗΜΕΙΩΣΗ: Για να υπολογίσετε τον δεκαεξαδικό κωδικό χρώματος για ένα χρώμα που θέλετε, ανατρέξτε στα άρθρα μας σχετικά με τη λήψη δεκαεξαδικών χρωμάτων από δεκαδικά χρώματα RGB, την επιλογή χρωμάτων από οπουδήποτε στην οθόνη και τη λήψη κωδικών χρώματος σε πολλές μορφές.
Για να αλλάξετε το κείμενο του κουμπιού, αλλάξτε το κείμενο "Firefox" στη γραμμή "content" στο "# appmenu-button dropmarker: before" στο επιθυμητό κείμενο, όπως το "How-To Geek".Προσθέσαμε ένα κενό διάστημα μετά το κείμενο για να έχουμε περισσότερο χώρο ανάμεσα στο κείμενο και το βέλος με το αναπτυσσόμενο μενού στο κουμπί.
Μπορείτε επίσης να αλλάξετε το χρώμα του κειμένου αλλάζοντας τη γραμμή "color" στην ίδια ενότητα "# appmenu-button dropmarker: before".Έχουμε αφήσει το χρώμα κειμένου ως λευκό( #FFFFFF), αλλά μπορείτε να το αλλάξετε σε κάτι σαν ανοιχτό γκρι( # F2F2F2), ή κάτι τέτοιο.
Κάντε κλικ στην επιλογή Αποθήκευση και, στη συνέχεια, κάντε επανεκκίνηση για να ισχύσουν οι αλλαγές.
Το κουμπί είναι πλέον σκούρο μπλε και λέει "How-To Geek".
Μπορείτε επίσης να προσθέσετε μια εικόνα φόντου στο κουμπί, εκτός από την αλλαγή του χρώματος φόντου.Δημιουργήσαμε μια εικόνα που έχει το favicon του How-To Geek στα αριστερά και ένα διαφανές φόντο που δείχνει το χρώμα του σκούρου μπλε φόντου.Για να προσθέσετε μια εικόνα φόντου στο κουμπί σας, προσθέστε την ακόλουθη γραμμή στην ενότητα "# appmenu-button", αλλάζοντας τη διαδρομή στα εισαγωγικά στην τοποθεσία της εικόνας σας στον υπολογιστή σας.Αφήστε το "αρχείο: ///" στη διαδρομή.
εικόνα-φόντου: url( "αρχείο: /// C: /Users/Lori/Pictures/ htg_background.png")!
Κάντε κλικ στο κουμπί Αποθήκευση και επανεκκίνηση ξανά.
Τώρα το κουμπί μας είναι πλήρες.
Μπορείτε επίσης να προσαρμόσετε το κουμπί μενού του Firefox μετατρέποντάς το σε ένα εικονίδιο.Δημοσιεύσαμε επίσης πολλές άλλες συμβουλές και συμβουλές για να αξιοποιήσουμε στο έπακρο τον Firefox.