Topic: [userChrome][NewinFF3] Cambiare icona della cartella nella barra dei segnalibri

[pink]

Premetto che questo argomento è stato già trattato nel forum dedicato a FF1.5 QUI, ma credo sia più utile riproporlo in questo forum.

Sto provando ad applicare questa modifica all'UserChrome dell'ultima versione di Firefox (come spiegato qui) per cambiare l'aspetto dell'icona cartella nella barra dei segnalibri

Codice: [Seleziona]

/* Sostituisce una folder specifica  */
.bookmark-item[container="true"][label="<Nome della folder>"]
{ list-style-image: url("<file dell'icona>") !important; }

/* Sostituisce una folder specifica aperta */
.bookmark-item[container="true"][open="true"][label="<Nome della folder>"]
{ list-style-image: url("<file dell'icona>") !important; }
ma non succede niente

Qualche suggerimento? Forse con Firefox 3 non è più possibile fare questa cosa?

Ringrazio

[gialloporpora]

Puoi postare l'esatto codice che hai usato (non il prototipo) ?
Se mi dici come si chiama la tua cartella e posti il codice provo a fare un test.
Io uso una cosa simile per mettere la favicon ai bookmarklet e mi funziona, è però possibile che
in Firefox 3 tale codice non funzioni (non sarebbe il primo).
Ciao

[Borgata]

Vista la differente gestione dei segnalibri, mi pare plausibile che non funzioni.
Però importando i segnalibri da FF2, FF3 ha mantenuto senza problemi le icone che già erano assegnate (in quel caso però ho fatto l'upgrade, quindi il profilo contiene ancora il file chrome editato).

[pink]

Puoi postare l'esatto codice che hai usato (non il prototipo) ?

La cartella si chiama Ciccio; il file con l'immagine (16x16 pix) si chiama ciccio2.gif ed è ubicato (come da istruzioni) nella cartella chrome del profilo interessato

Questo il codice esatto che ho provato:

Codice: [Seleziona]

/* Sostituisce una folder specifica  */
.bookmark-item[container="true"][label="Ciccio"]
{ list-style-image: url("ciccio2.gif") !important; }

/* Sostituisce una folder specifica aperta */
.bookmark-item[container="true"][open="true"][label="Ciccio"]
{ list-style-image: url("ciccio2.gif") !important; }

Inserendo questo codice, l'unica modifica che avviene è la sparizione dell'icona a forma di cartella, senza niente che la sostituisca (in pratica resta uno spazio vuoto sulla barra).

[gialloporpora]

Puoi fare una prova con la favicon del forum ?
E' possibile che una cosa del genere più che dal codice dipenda dall'immagine usata.


Ciao

[pink]

Prova eseguita, stesso risultato: sparisce l'icona-cartella ma al suo posto non appare niente 

[indigo]

tempo fa ho provato anch'io con quel codice e ottenevo lo stesso risultato: sparisce la cartella, ma non appare l'immagine desiderata..
se ho tempo stasera faccio qualche prova per aggiustarlo..

[pink]

se ho tempo stasera faccio qualche prova per aggiustarlo..

Grazie, molto gentile 

[gialloporpora]

Difatti neanche a me funziona.
Credo possa dipendere anche dalla dimensione dell'immagine stessa.
Non ho ben capito il funzionamento (farà anch'io altri test come @indigo), però bisogna definire una regione:

Codice: [Seleziona]

.bookmark-item[container][label="Cartella"]
{
-moz-image-region: rect(0px, 32px,32px, 0px) !important;
  list-style-image: url("http://www.gialloporpora.netsons.org/favicon.ico") !important;
}

funziona (la mia si chiama Cartella), però è piccolina sull'angolino a sinistra.
Ciao



mentre quelle dei segnalibri sono normali.

[indigo]

Difatti neanche a me funziona.
Credo possa dipendere anche dalla dimensione dell'immagine stessa.
Non ho ben capito il funzionamento (farà anch'io altri test come @indigo), però bisogna definire una regione:

Codice: [Seleziona]

.bookmark-item[container][label="Cartella"]
{
-moz-image-region: rect(0px, 32px,32px, 0px) !important;
  list-style-image: url("http://www.gialloporpora.netsons.org/favicon.ico") !important;
}


funziona (la mia si chiama Cartella), però è piccolina sull'angolino a sinistra.
Ciao



mentre quelle dei segnalibri sono normali.

Perfetto, a me funziona perfettamente: ho creato con Gimp una favicon di 32x32 px e l'ho salvata x.ico
poi ho inserito il codice (la cartella si chiama "Recht", il file era nella cartella Chrome del profilo)

Codice: [Seleziona]

.bookmark-item[container][label="Recht"]
{
-moz-image-region: rect(0px, 32px,32px, 0px) !important;
  list-style-image: url("x.ico") !important;
}
e il risultato è perfetto, l'icona è a grandezza (o meglio piccolezza) naturale..
bravo gialloporpora!

[gialloporpora]

Grazie @indigo,
ringrazia la funzione di ricerca nei file di Google Desktop

Per una 16x16 così dovrebbe andare (sostituire immagine e nome cartella, il toolbar all'inizio  può essere tolto)

Codice: [Seleziona]

toolbarbutton.bookmark-item[container][label="Cartella"]
{
-moz-image-region: rect(0px,16px,16px,0px) !important;
  list-style-image: url("http://www.gialloporpora.netsons.org/favicon.ico") !important;
}


[pink]

Ehmm... scusate ma mi sono perso... 

potete postare il codice definitivo?

ringrazio

[gialloporpora]

Il codice definitivo è quello postato, se usi un'immagine 32x32 utilizza quello di @indigo, altrimenti
prova con quello che ho postato io. (16x16)
Ciao

[indigo]

A questo punto caro gialloporpora ti tocca aggiornare il topic sul UserChrome.css! 

[pink]

Ho usato la versione 32x32 e tutto funziona perfettamente!

Ringrazio tutti, siete stati bravissimi!