Topic: Stylish: come personalizzare uno stile.

[Alexandre]

Chiedo aiuto a questo splendido Forum perchè vorrei apportare alcune piccole modifiche ad uno stile, questo: http://userstyles.org/styles/9250


C'è pure scritto che si può cambiare colore alle nuove barre, colore che ora è blu, come potete vedere:




In altri stili mi è stato facile personalizzare i colori, in quanto nel codice si trovava o: 0,0,255 o #0000ff o blue, qui non trovo nulla del genere, c'è qualcuno che mi può indirizzare nella giusta direzione, vorrei lasciare le barre con l'effetto glass ma trasparenti, o in alternativa se non è possibile di altri colori.


Scusate ma ho problemi ad incollare il codice che è molto lungo, e sballa la pagina, basta comunque guardarlo dal primo link.

Grazie

[Godai71]

Spero di non errare, ma nelle righe dove trovi qualcosa che comincia con

Codice: [Seleziona]

url("data:image/png;base64,[..]

viene indicata la codifica in base64 dell'immagine, che nel tuo caso dovrebbe essere
un png di colore blu.

Purtroppo qui mi devo fermare. Non posso darti informazioni su come codificare e incorporare
un png di altri colori.

[gialloporpora]

Puoi togliere l'immagine rimuovendo quella riga e usando:

Codice: [Seleziona]

background-color: #codice_colore;

per la codifica in base64, usa questa estensione:

https://addons.mozilla.org/en-US/firefox/addon/5611/

[Alexandre]

Puoi togliere l'immagine rimuovendo quella riga e usando:

Codice: [Seleziona]

background-color: #codice_colore;


Però così facendo perdo l'immagine PNG, e quindi la tridimensionalità di quel PNG e anche l'effetto vetro? O sbaglio?

per la codifica in base64, usa questa estensione:

https://addons.mozilla.org/en-US/firefox/addon/5611/

Fantastico, la provo subito 

La mia intenzione sarebbe di salvare l'immagine PNG originale, poi con programma di editing cambiarle colore, o ancora meglio renderla neutra e quindi solo trasparente, per poi reinserirla nello stile.

[Alexandre]

Pare che usando l'estensione sia possibile solo estrarre il codice da un qualsiasi PNG per visualizzarlo in Firefox, ma non sia possibile quello che avrei voluto fare, e cioè la cosa inversa, partendo da un codice testuale ricostruire una immagine PNG.

Visto che nel riquadro dx dell'interfaccia della estensione non si può incollare testo, o provato in altri modi:

Salvando il pezzo di codice base64 in forma di TXT con blocco note e poi rinominando l'estensione in PNG per poterlo aprire poi con l'Encoder ma il risultato è fallimentare................

Forse Blocco Note è inadatto e ci vorrebbe un'editor più completo che non danneggia la particolare codifica testuale?

Se sto dicendo troppe eresie ditemelo

[gialloporpora]

Perché la decodifica è facile.
Per ricostruire l'immagine copia il link testuale:
data:image/png;base64, ecc…
nella barra degli indirizzi di FF e dai invio, poi se vuoi salvi in un file con Salva immagine con nome

Edit: si, usa Notepad+++ o altro editor  per editare i file, in ogni caso la procedura che hai descritto è sbagliata, fai come ti ho detto io e usa FF per decodificarlo.

[Alexandre]

Grande gialloporpora

Mi stava frullando per la testa qualcosa del genere ma non ero ancora riuscito a metterlo bene a fuoco, quindi stavo per chiedere altre delucidazioni a riguardo, ma quando ho visto la tua risposta ho esclamato: evvaiiiiiiiii...........................

[gialloporpora]

Perfetto

L'estensione ti servirà per inserire le immagini modificate nel codice, ci sono altri modi per ottenere il data link con la codifica in base64, ma trattandosi di un forum dedicato ai software Mozilla ti ho consigliato l'estensione .
Ovviamente, se lo stile te lo tieni per te, puoi lasciare l'immagine sul PC e usare il link all'immagine (file:///percorso) senza codificare in base64, però se lo devi condividere su userstyles.org o con altri è meglio se le codifichi.


Ciao

[Alexandre]

Molto chiaro