Πώς να προσαρμόσετε την εμφάνιση του κουμπιού μενού Orange Firefox

Έχετε κουραστεί να κοιτάζετε το πορτοκαλί κουμπί του 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 url ("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul").
# appmenu-κουμπί
φόντο: #orange!

# appmenu-button 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" στη γραμμή "περιεχομένου" στο "# appmenu-κουμπί dropmarker: πριν" στο επιθυμητό κείμενο, όπως "How-To Geek". Προσθέσαμε ένα κενό διάστημα μετά το κείμενο για να έχουμε περισσότερο χώρο ανάμεσα στο κείμενο και το βέλος με το αναπτυσσόμενο μενού στο κουμπί.

Μπορείτε επίσης να αλλάξετε το χρώμα του κειμένου αλλάζοντας τη γραμμή "χρώματος" στην ίδια ενότητα "# 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.