Πώς να αλλάξετε την εμφάνιση του Orange Bar στον Firefox




Αγαπώ τον τρόπο Ο Firefox μπορεί να προσαρμοστεί. Εννοώ ότι δεν υπάρχει τίποτα στο πρόγραμμα περιήγησης που να μην μπορεί να αλλάξει ή να τροποποιηθεί ανάλογα με τις ανάγκες και την άνεση του χρήστη. Ενώ στο λειτουργικό τέλος σχετικά με: τις προτιμήσεις config μπορεί να τροποποιηθεί για να επιτευχθεί σχεδόν οτιδήποτε, στο αισθητικό μέτωπο έχουμε CSS συστατικά που μπορούν να οριστούν να τροποποιήσετε την εμφάνιση της διασύνδεσης.




Θα εξετάσουμε Πορτοκαλί κουμπί του Firefox που βρίσκεται στο πάνω αριστερό μέρος του προγράμματος περιήγησης και βλέπετε πώς μπορεί να τροποποιηθεί η εμφάνιση και η αισθητική του. Για παράδειγμα, δείτε την εικόνα (παρακάτω) και σημειώστε πώς έχω αλλάξει το χρώμα από πορτοκαλί σε κόκκινο, το κείμενο από άσπρο σε μαύρο και από Firefox σε Guiding Tech. Ενδιαφέρουσες, έτσι;






Εδώ μπορείτε να κάνετε παρόμοιες αλλαγές.





Βήματα για την προσαρμογή της εμφάνισης του Button του Firefox

Καθε προφίλ που δημιουργείτε στο Firefox έχει ένα αρχείο CSS σχετικό με αυτό. Προορίζεται για εισόδους χρηστών για να διαφοροποιήσει την εμφάνιση του προγράμματος περιήγησης. Στη διαδικασία θα σας ενημερώσουμε επίσης για το πώς μπορείτε να βρείτε αυτό το αρχείο ή να το δημιουργήσετε εάν δεν υπάρχει.

Βήμα 1: Ανοίξτε τον Firefox και περιηγηθείτε στο Firefox (το πορτοκαλί κουμπί) -> Βοήθεια -> Πληροφορίες αντιμετώπισης προβλημάτων.




Βήμα 2: Θα ξεκινήσει μια νέα καρτέλα. Αναζητήστε την ανάγνωση τμήματος Βασικά στοιχεία εφαρμογών. Για να μεταβείτε στο φάκελο του προφίλ σας, κάντε κλικ στο Εμφάνιση φακέλου κουμπί. Προτείνεται να ανοίξετε το φάκελο προφίλ από εδώ, αν υπάρχουν πολλαπλά προφίλ ίσως να μην γνωρίζετε ποια χρησιμοποιείται.




Βήμα 3: Στο φάκελο προφίλ σας θα βρείτε ένα φάκελο που ονομάζεται χρώμιο. Αν δεν μπορείτε να το βρείτε, μπορείτε να δημιουργήσετε ένα.




Βήμα 4: Σε αυτόν τον φάκελο θα πρέπει να υπάρχει ένα αρχείο με όνομα userChrome.css. Το όνομα πρέπει να είναι ακριβώς όπως γράφτηκε εδώ.




Και πάλι, αν δεν μπορείτε να το βρείτε μπορείτε να δημιουργήσετε ένα. Εάν υπάρχει, μεταβείτε στο βήμα 7. Αλλιώς συνεχίστε με το Βήμα 5.

Βήμα 5: Κάντε δεξί κλικ και κενό χώρο και δημιουργήστε ένα Νέο -> Έγγραφο κειμένου. Αφού γίνει, ανοίξτε το αρχείο με το Σημειωματάριο.




Βήμα 6: Τώρα πηγαίνετε στο Αρχείο και ΑποθηκεύσετεΟπως και το έγγραφο ως userChrome.css. Βεβαιωθείτε ότι έχετε αλλάξει Αποθηκεύστε ως τύπο προς το Ολα τα αρχεία από το κάτω μέρος του Αποθηκεύσετε διαλόγου. Κάντε κλικ στο Αποθηκεύσετε και κλείστε το έγγραφο.




Βήμα 7: Ανοιξε το userChrome.css αρχείου με το Σημειωματάριο. Απλά κάντε δεξί κλικ στο αρχείο και επιλέξτε Άνοιγμα με -> Σημειωματάριο.

Βήμα 8: Αντιγράψτε το παρακάτω απόσπασμα κώδικα (ως έχει) και προσαρτήστε το στο αρχείο. Αποθηκεύστε τις αλλαγές.

@namespace url ('https://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul').
# appmenu-κουμπί {
Ιστορικό: #πορτοκάλι !σπουδαίος;
}}
# appmenu-button dropmarker: πριν από την {
περιεχόμενο: 'Firefox' !σπουδαίος;
χρώμα: #FFFFFF !σπουδαίος;
}}
# κουμπί εφαρμογών. κουμπί-κείμενο {
εμφάνιση: καμία!
}}

Σημειώστε τα κομμάτια στο τολμηρός. Αντιπροσωπεύουν το χρώμα του κουμπιού, το κείμενο και το χρώμα κειμένου αντίστοιχα. Για να αλλάξετε την εμφάνιση του κουμπιού, μπορείτε να τροποποιήσετε αυτές τις τιμές. Εδώ είναι ο κωδικός που αντιστοιχεί στην εικόνα που είδατε στην αρχή.




Αν δεν έχετε γνώση των κωδικών Hex μπορείτε ανατρέξτε σε αυτόν τον σύνδεσμο. Ή μπορείτε να ελέγξετε αυτό.





συμπέρασμα

Αυτή η αλλαγή είναι απλή. Εάν μπορείτε να ελέγξετε τους κωδικούς θα είστε σε θέση να δώσετε ένα makeover σχεδόν σε οτιδήποτε στον Firefox. Αν έχετε μερικά από αυτά που έχετε χρησιμοποιήσει για όλα αυτά τα χρόνια, μοιραστείτε με τους αναγνώστες μας και βοηθήστε να φέρνετε χαμόγελα στους αρχάριους χρήστες του Firefox εκεί έξω.