Android

Πώς να αλλάξετε την εμφάνιση της πορτοκαλί ράβδου στο firefox

New Raspberry Pi 3 Tutorial - How to Set Up for Gaming & Entertainment Projects

New Raspberry Pi 3 Tutorial - How to Set Up for Gaming & Entertainment Projects

Πίνακας περιεχομένων:

Anonim

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@namespace url ("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul").

# appmenu-κουμπί {

φόντο: # πορτοκαλί !

}}

# appmenu-button dropmarker: πριν από την {

περιεχόμενο: " Firefox "!

χρώμα: # FFFFFF !

}}

# κουμπί εφαρμογών. κουμπί-κείμενο {

εμφάνιση: καμία!

}}

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

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

συμπέρασμα

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