Come modificare l'aspetto della barra arancione in Firefox

Adoro il modo in cui Firefox può essere personalizzato. Voglio dire, non c'è nulla nel browser che non possa essere cambiato o modificato in base alle esigenze e al comfort dell'utente. Mentre alla fine funzionale circa: le preferenze di configurazione possono essere modificate per ottenere quasi tutto, sul fronte estetico abbiamo componenti CSS che possono essere definiti per modificare l'aspetto dell'interfaccia.

Prenderemo in considerazione il pulsante arancione di Firefox che si trova nella parte in alto a sinistra del browser e vedremo come modificarne l'aspetto. Ad esempio, controlla l'immagine (sotto) e nota come ho cambiato il colore da arancione a rosso, il testo da bianco a nero e da Firefox a. Interessante, vero?

Ecco come è possibile apportare modifiche simili.

I passaggi per personalizzare l'aspetto del pulsante Firefox

A ciascun profilo creato su Firefox è associato un file CSS. È pensato per gli input dell'utente per variare lo spettacolo del browser. Nel processo ti diremo anche come trovare quel file o crearne uno se non esiste.

Passaggio 1: Apri Firefox e vai a Firefox (il pulsante arancione) -> Guida -> Informazioni sulla risoluzione dei problemi.

Passaggio 2: verrà avviata una nuova scheda. Cerca la sezione che legge Informazioni di base sull'applicazione. Per accedere alla cartella del tuo profilo, fai clic sul pulsante Mostra cartella. È consigliabile aprire la cartella dei profili da qui perché se ci sono più profili potresti non sapere quale viene utilizzato.

Passaggio 3: nella directory del tuo profilo troverai una cartella chiamata chrome. Se non riesci a trovarlo, puoi crearne uno.

Passaggio 4: in questa cartella dovrebbe essere presente un file denominato userChrome.css. Il nome dovrebbe essere esattamente come scritto qui.

Ancora una volta, se non riesci a trovarlo, puoi crearne uno. Se è presente, vai al passaggio 7. Altrimenti continua con il passaggio 5.

Passaggio 5: fare clic con il tasto destro del mouse su e svuotare lo spazio e creare un Nuovo -> Documento di testo. Una volta fatto, apri il file con Blocco note.

Passaggio 6: ora vai a File e salva come documento come userChrome.css. Assicurarsi di modificare il tipo Salva come in Tutti i file nella parte inferiore della finestra di dialogo Salva. Fai clic su Salva e chiudi il documento.

Passaggio 7: aprire il file userChrome.css con Blocco note. Fai semplicemente clic con il pulsante destro del mouse sul file e scegli Apri con -> Blocco note.

Passaggio 8: copia lo snippet di codice seguente (così com'è) e aggiungilo al file. Salva le modifiche.

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

# pulsante appmenu {

sfondo: # arancione ! importante;

}

# dropmarker pulsante appmenu: prima di {

contenuto: " Firefox "! importante;

colore: # FFFFFF ! importante;

}

# appmenu-button.button-text {

display: none! important;

}

Nota i pezzi in grassetto. Rappresentano rispettivamente il colore del pulsante, il testo e il colore del testo. Per modificare l'aspetto del pulsante è possibile modificare questi valori. Ecco il codice che corrisponde all'immagine che hai visto all'inizio.

Se non si ha conoscenza dei codici esadecimali, è possibile fare riferimento a questo collegamento. Oppure puoi controllare questo.

Conclusione

Questo cambiamento è solo secondario. Se riesci a padroneggiare i codici, sarai in grado di rinnovare quasi tutto in Firefox. Se hai alcuni di quelli che usi da tutti questi anni, condividi con i nostri lettori e aiuta a portare sorrisi agli utenti principianti di Firefox.