Per chi come me, tiene anche alla forma oltre che alla sostanza, qualche suggerimento per modificare l’aspetto dell’estensione di Google Notebook.
Come sapete, una volta installata, l’estensione crea:
- un’icona e la relativa etichetta Open / Close Notebook in fondo a destra della status bar (riquadrata in blu nello screenshot!)
- una entry (priva di icona!), Note this (Google Notebook), nel menù raggiungibile dal tasto destro (riquadrata in verde nello screenshot!)
Non essendoci opzioni per configurare la disposizione di questi elementi, editiamo a mano i file dell’estensione secondo le nostre esigenze.
Innanzitutto individuiamo la directory contenente i file dell’estensione. Per gli utenti *nix, é
~/.mozilla/firefox/[PROFILO].default/_
_extensions/notebook@google.com/
Per gli utenti win, il percorso dovrebbe essere invece il seguente:
C:\Documents_and_Settings\[UTENTE]\Application_Data\Mozilla\_
_Firefox\Profiles\[PROFILO].default\extensions\notebook@google.com
Il contenuto della dir é:
dimar@endor notebook@google.com $ ls
META-INF chrome chrome.manifest components install.rdf lib
Per prima cosa modifichiamo la posizione dell’estensione della status bar intervenendo con il nostro editor preferito sul file chrome/chromeFiles/content/google-gnotes-overlay.xul
I file in formato XUL servono ad estendere le funzionalità di Firefox attraverso gli overlay: la UI propria dell’estensione (nuovi menu, pulsanti, barre, …) viene fusa su quella del browser stesso. Per approfondire segnalo il sito XULPlanet.
Tornando al nostro file, aggiungiamo l’attributo position=”1″ [*] nella sezione statusbar:
<statusbar id="status-bar">
<statusbarpanel id="gnotes-statusbar"
context="gnotes-status-manage"
onmousedown="GNOTES_overlay.StatusCallback(event)"
position="1"> *
<image style="padding-right: 3px"
src="chrome://google-gnotes/content/notebook.png"/>
<toolbarbutton id="gnotes-statusbar-lbl"
label="Open Notebook"
accesskey="n" ****
class="gnotes-status-button"/>
<popup id="gnotes-status-manage" position="before_end">
<menuitem id="gnotes-enable-plus"
label="Enable 'Note This' button"
type="checkbox"
oncommand="GNOTES_overlay.TogglePlus(event)"/>
</popup>
</statusbarpanel>
</statusbar>
Salviamo, e riapriamo Firefox: il quaderno e la scritta Open Notebook saranno ora all’estremità sinistra della statusbar.
Passiamo ora alla customizzazione della voce nel menu contestuale: sempre nello stesso file consideriamo la sezione contentAreaContextMenu, aggiungiamo l’attributo image [**] e modifichiamo a nostro piacere la stringa della label [***]:
<popup id="contentAreaContextMenu">
<menuitem id="gnotes-contextmenu-add"
image="chrome://google-gnotes/content/notebook.png" **
label="GNote this!" ***
oncommand="GNOTES_overlay.ContextCallback(event)"
accesskey="n"
insertbefore="#context-sep-paste"/>
</popup>
Ora non ci rimangono che due modifiche: cambiare la posizione del mini Google Notebook (riquadrato in rosso nello screenshot!) e personalizzare le scritte Open Notebook e Close Notebook sulla status bar. Andiamo con ordine: apriamo il file gnotes_overlay.css contenuto nella stessa directory del file google-gnotes-overlay.xul e modifichiamo questa sezione come segue:
#gnotes-overlay {
position: fixed;
bottom: 0px;
right: 0px; -- cambiare l'attributo da right a left!
width: 1px;
height: 1px;
color: #CC0000;
background-color: white;
z-index: 20;
}
Per la customizzazione delle scritte invece è necessario intervenire su due file: il file /lib/gnotes.js, nel quale dovremo cercare le stringhe “Open Notebook” e “Closed Notebook” sostituendole con quelle di nostro gradimento ed intervenire infine sul solito file google-gnotes-overlay.xul cancellando l’attributo accesskey=”n” [****] e modificando la stringa “Open Notebook” che determina la label iniziale della statusbar.
Cliccando sullo screenshot possiamo ammirare il risultato delle nostre fatiche!!
Buona personalizzazione! 
