Archivio per il tag userchrome

Coloriamo la awesome bar di Firefox 3 (a seconda della provenienza del link)

Published on 7 luglio 2008 in firefox. 42 Comments Tags: , , .

Mentre nei forum impazzano le richieste per silurare la awesomebar di Firefox 3, ecco finalmente un tweaking per renderla ancora più utile.

Oggi, dopo un sacco di tempo, sono tornato su userstyles.org per caricare uno stile, cercando un po’ fra gli stili degli altri utenti ecco che mi sono imbattuto in uno davvero interessante (in my opinion).

Lo stile permette di colorare i suggerimenti della awesomebar a seconda della loro tipologia:

  • i segnalibri verranno colorati di verde;
  • i tag verranno colorati di giallo;
  • gli elementi della cronologia verranno colorati di blue.

Davvero efficace per capire al volo la natura dei link proposti nei suggerimenti. Se poi non si vuole la awesomebar, pazienza…

Il codice lo potrei anche copiare/incollare qui (come già fatto in passato), però mi sembra giusto visto che questo userstyle è molto originale, mettere il link alla pagina e lasciare che venga installato da lì :-D .

Naturalmente, non serve avere Stylish installata, è sufficiente copiare il sorgente nel file userChrome.css. Ovviamente, se non si è molto esperti, meglio installare prima Stylish e poi lo stile, lasciando a chi è più bravo la modifica del file userChrome.css
Lo stile è questO
Awesome Bar Background Color Based on Type (WOW)

Naturalmente, se serve aiuto per cambiare la gamma dei colori utilizzata, basta che lasciate un commento :-) .

AGGIORNAMENTO: ho segnalato lo stile su Foxiewire, se vi piace potete votarlo:
Awesome bar background based on type on Foxiewire

AGGIORNAMENTO: siccome userstyles.org sembra non funzionare correttamente, riporto qui di seguito il codice (invece di installare lo stile cerca di installare la pagina come script !):

AGGIORNAMENTO 2: sembra che userstyles.org abbia ripreso a funzionare correttamente, quindi tolgo il codice, installatelo direttamente dal sito.

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
.autocomplete-richlistitem[type="bookmark"]
{
  background-color: #E3FCFE;
  color: #000000;
}

.autocomplete-richlistitem[type="favicon"]
{
  background-color: #E3FEE5;
  color: #000000;
}

.autocomplete-richlistitem[type="tag"]
{
  background-color: #FCFEE3;
  color: #000000;
}

.autocomplete-richlistitem:focus
{
  background-color: #0A246A;
  color: #FFFFFF;
}

Technorati Tags: , ,

Personalizzazione della finestra di aggiunta nuovo segnalibro in Firefox 3

Published on 7 luglio 2008 in Senza categoria e firefox. 6 Comments Tags: , .

Vediamo come è possibile migliorare la finestrella di aggiunta nuovo segnalibro in Firefox 3. Per chi vuole ottenere la stessa cosa con Firefox 2.0.0.x o precedenti, leggere questo post.

Quando si clicca sulla stellina (o più semplicemente usando la scorciatoia CTRL-D), appare il pannello per aggiungere la pagina corrente nei segnalibri di Firefox. In Firefox 3 questo pannello ha subito notevoli modifiche sia grafiche che concettuali:

  • il pannello è stato completamente ridisegnato, ora non è più una finestra popup, ma è immerso nella pagina stessa (ottima idea che si potrebbe applicare anche ad altre finestre);
  • se l’indirizzo è già presente nei segnalibri, viene automaticamente rilevato e, invece di creare inutili doppioni, si procede alla sua modifica;
  • sempre se il l’indirizzo è già presente fra i segnalibri, è possibile eliminarlo senza accedere alla gestione segnalibri (Libreria o Places).

Immagine del pannello di aggiunta nuovo segnalibro prima del tweaking

A mio parere però, rimane scomodo il non vedere i campi indirizzo, descrizione e soprattutto keyword. In realtà, i campi ci sono, ma non sono visibili. Per fare in modo che vengano sempre mostrati, aggiungere il seguente codice al file userChrome.css:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
/* Mostrare i campi indirizzo, descrizione e keyword nel pannello per l'aggiunta di un nuovo segnalibro */
#editBMPanel_descriptionRow, /* campo descrizione */
#editBMPanel_locationRow, /* campo indirizzo */
#editBMPanel_keywordRow /* campo keyword (parola chiave) */
{
   visibility:   visible;
   -moz-box-align:   center;
}

Ecco come apparirà il pannello di aggiunta nuovo segnalibro dopo aver applicato lo stile di cui sopra:

Immagine del pannello di aggiunta nuovo segnalibro dopo del tweaking

Se invece si vuole rimuovere la stellina (ad esempio io preferisco usare CTRL-D e la sua presenza è pressochè inutile), aggiungere il seguente codice al file userChrome.css:

#@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
/* Le stelle devono stare in cielo, non nella barra degli indirizzi di Firefox */
#star-button {
#
  display: none !important;
}

Chi usa l’estensione Stylish può caricare lo userstyle, chi sa l’inglese può corregermi la descrizione :-P .

AGGIORNAMENTO: lo stile lo ho anche spammato su Foxiewire, se qualcuno lo trovasse utile, può votarlo :-D :
Stile su Foxiewire: Add to bookmarks Plus.

Technorati Tags: , ,

Larghezza finestra Proprietà immagini

Published on 20 gennaio 2007 in firefox. 0 Comments Tags: , .

In Firefox, quando si accede alla finestra di dialogo che mostra le informazioni relative ad un’immagine succede spesso che l’url dell’immagine sia “tagliato” perché troppo lungo rispetto alla larghezza della finestra di dialogo, per risolvere, aggiungere il seguente codice al file userChrome.css:

window#metadata
{
	width: 60em !important;
}

Se invece volete utilizzare Stylish (come suggerito da LifeHacker e come ho fatto anch’io) dovete aggiungere il namespace appropriato:

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

Comunque magari verrà aggiunto lo stile ad userstyles.org, così basterà un click per installarlo.

Mostrare la Barra delle schede sul fondo

Published on 14 novembre 2006 in Senza categoria. 0 Comments Tags: , , , .

Per spostare la Barra delle schede in basso (sopra la barra di stato), inserire il seguente codice nel file userChrome.css:

/* Mostrare la barra delle schede in basso */
#content > tabbox {
-moz-box-direction: reverse !important;
 }

Barra delle schede in basso