Ubuntu e Firefox 4.0: come spostare i tabs nella barra del titolo (in stile Chrome)

Ecco il tutorial che, proprio ieri, è stato richiesto da un nostro lettore, tutorial che serve a trasformare la finestra di Firefox in una finestra Chrome-style, ovvero a spostare le schede direttamente nella barra del titolo di Firefox e di affiancarle ai tasti di controllo (minimizza, massimizza e chiudi). Devo dire che la praticità di Chrome applicata a Firefox è davvero una cosa ottima! Tenete presente che noi partiamo da una situazione simile a quella mostrata  qui sotto

Firefox - Stato iniziale

ed arriveremo ad ottenere una cosa del tutto simile a questa:

Firefox - Stato finale

Tre raccomandazioni prima di procedere:

• Dovrete avere attivo il tasto Firefox per ottenere il risultato migliore (click destro sulla barra delle schede –> togliete il segno di spunta da barra dei menu)
• Le schede dovranno essere posizionate in alto (click destro sulla barra delle schede –> segno di spunta su Visualizza le schede in alto). Ho provato ad ottenere lo stesso risultato con le schede in basso e, vi posso garantire, è venuto fuori qualcosa di orrendo.
• E’ assolutamente necessario avere installato e attivo Compiz, perchè avremo bisogno del suo decorator per ottenere l’effetto desiderato.

Detto ciò, procediamo.

Innanzitutto avremo bisogno di installare questo addon (per le modifiche alla barra del titolo) e questo addon (per l’aspetto dei tasti) prima di procedere. Una volta installati entrambi gli add-on riavviamo Firefox, e non spaventiamoci se passando sulla barra dei tab ci ritroveremo spuntata un’orribile barra dei menu e se ci ritroveremo con due tasti Firefox: è perfettamente normale. Facciamo click sul tasto Firefox e selezioniamo Componenti aggiuntivi.

A sinistra della finestra selezioniamo Estensioni e, sotto a Hide Caption Titlebar Plus, selezioniamo Preferenze.

Firefox - Componenti aggiuntivi

Dalla nuova finestra selezioniamo la scheda Look & Feel e impostiamola come segue:

• Show Firefox 4′s Titlebar: disabled
• Togliamo il check da “New Firefox 4′s option: Place Tabs…”
• Sotto Skin for Minimize, Max & Close Buttons selezioniamo Auto: current theme’s skin
• Minimize, Max & Close Buttons located at top-right corner: disabled
• Togliamo il check da “Floating buttons appears when hovering micro-button…”

Ecco un’immagine riassuntiva con le opzioni corrette:

Hide Caption Toolbar - Look & Feel settings

Spostiamoci ora nel tab Look & Feel 2, e togliamo il check da Enable custom Firefox Application “Home” button

Come potrete notare i cambiamenti sono istantanei: ora passando sui tab non appare più quell’orrenda barra dei menu in semitrasparenza e il tasto Firefox non è più duplicato.

Clickiamo ora destro sul tasto Firefox e selezioniamo Personalizza.

Scendiamo nella nuova finestra fino a visualizzare i tastini minimizza, massimizza e chiudi accompagnati dalla dicitura [hcp] Min, Max, Close Buttons, e trasciniamoli a sinistra del tasto Firefox. Clickiamo su Fatto.

Firefox - HCP Min-Max-Close

Il risultato parziale è qualcosa di simile a questo:

Se lo stile dei tasti non vi piace (effettivamente non è bellissimo) potrete scegliere se installare il tema per i tasti in stile ambiance oppure il tema per i tasti in stile Orta (dovremo clickare su “Install With Stylish” e confermare l’installazione nella finestra seguente).

E ora entrerà in gioco compiz. Se non l’abbiamo già fatto installiamo l’editor di configurazione di Compiz, con il comando da terminale

sudo apt-get install compizconfig-settings-manager

Aspettiamo il termine del processo, e andiamo nel menu Sistema –> Preferenze –> Gestore Configurazione CompizConfig.

Scriviamo Decorazione Finestra nel campo Filtro, clickiamo sull’unico risultato che ci apparirà e mettiamo il segno di spunta su Abilita «decorazione finestra». Cancelliamo ciò che c’è scritto nel campo Finestre da decorare ed inseriamo la seguente stringa:

any & !(class=Firefox & state=maxvert)

Impostazioni Configuratore CompizConfig - Decoratore Finestre

Istantaneamente vedremo il nostro Firefox cambiare, ed avremo così ottenuto il risultato voluto! Se dovesse apparirvi una fastidiosa patina bianca intorno alla finestra non preoccupatevi: basterà demassimizzarla e massimizzarla ancora per rimuoverla e per avere il risultato sperato, che vi faccio vedere in quest’immagine (la stessa che avete trovato ad inizio articolo):

Firefox - Stato finale

E questo è quanto!

Applicare lo stesso effetto anche alle finestre de-massimizzate

Tip: noterete che, demassimizzando la finestra di Firefox, le cose torneranno alla normalità. Se volete ottenere lo stesso effetto anche sulle finestre demassimizzate dovremo modificare leggermente la configurazione di compiz e quella dei temini per i tastini di Firefox.

Partiamo da compiz: riapriamo il gestore della configurazione (Sistema –> Preferenze –> Gestore Configurazione CompizConfig), scriviamo Decorazione Finestra nel campo filtro e facciamo click sull’unico risultato apparso. Nel campo Finestre da decorare sostituiamo la stringa scritta in precedenza con la seguente:

any & !(role=browser & class=Firefox)

Possiamo uscire da CompizConfig. Andiamo ora a modificare i temi dei tastini: clickiamo sul tasto Firefox, selezioniamo Gestione Componenti Aggiuntivi, selezioniamo la scheda Estensioni e facciamo click sul tasto Preferenze di Stylish 1.1.1. Ora:

• Per il tema Ambiance: facciamo doppio click su HTCP Ambiance Theme, cerchiamo la seguente parte di codice
  

  /*Hide Buttons when unmaximized */
#main-window[sizemode="normal"]
.hc-mmcbuttons-cls
{
display:none !important;
}

  ed eliminiamola. Clickiamo su Salva ed usciamo.

• Per il tema Orta: facciamo doppio click su HTCP Orta Theme, cerchiamo la seguente linea di codice
  

  #main-window[sizemode="maximized"] #TabsToolbar{

  e cambiamola con

  #TabsToolbar{

  Dopodichè, esattamente come per Ambiance, cerchiamo la seguente parte di codice

  /*Hide Buttons when unmaximized */
#main-window[sizemode="normal"]
.hc-mmcbuttons-cls
{
display:none !important;
}

  ed eliminiamola. Clickiamo su Salva ed usciamo.

Abbiamo terminato! Ora otterremo lo stesso effetto Chrome anche sulle finestre di Firefox demassimizzate!

Un grosso grazie va a Andrei@Webupd8 per le dritte su come ottenere tutto ciò!

[Edit]: Come il nostro lettore Qazam86 ci faceva notare, abilitando il Chrome Style anche in finestra demassimizzata ci ritroveremo a non poter più ridimensionare tale finestra. Questa è una conseguenza dell’esclusione dell’effetto di compiz-decorator dalle finestre di Firefox, ma è possibile trovare una soluzione con un piccolo workaround.

Apriamo ancora il gestore CompizConfig (Sistema –> Preferenze –> Gestore Configurazione CompizConfig) e scriviamo nel campo filtro la stringa Ridimensiona Finestre. Clickiamo sull’unico risultato ottenuto e mettiamo il segno di spunta su “Abilitare Ridimensiona Finestre” se non dovesse esserci. Ora cerchiamo la voce Inizializza Ridimensionamento Finestre relativa al mouse (la riconoscerete perchè di fianco ha un’icona a forma di mouse) e clickiamo sulla combinazione di tasti associata.

Gestore CompizConfig - Gestione Finestre

Qui potrete decidere con che combinazione di tasti ridimensionare la finestra. Personalmente vi consiglio SHIFT+CTRL+BUTTON 3 (ossia shift, ctrl e tasto destro del mouse), che non provoca conflitti e non è macchinosa da utilizzare.

Potrete chiudere il gestore CompizConfig, ed avrete terminato: ora, quando vorrete ridimensionare la finestra demassimizzata, non dovrete far altro che premere contemporaneamente il tasto SHIFT, il tasto CTRL e trascinare uno dei bordi della finestra usando il tasto destro del mouse, sempre tenendo premuti shift e control.

PS: come ci suggerisce cip91, per far funzionare il metodo delle classi bisogna che sia attivo in compiz anche “Corrispondenza espressione regolare”!