impostare hover particolare ad icone

[luisa227]

Salve a tutti,
ho delle icone social formato 40x40. Vorrei applicare a tutti lo stesso effetto sull'hover al passaggio del mouse: Fb e twitter sono già a posto e sull'icona di twitter si può notare l'effetto che voglio ottenere, ossia quello di invertire i colori lasciando bianco lo sfondo, colorando il bordino e la grafichina interna con colore precedente dello sfondo.

Ecco, in questo caso fb e twitter sono dei web font trasformati in icone e con un determinato css, mentre per le altre icone sono vere e proprie immagini png o jpg (quindi non posso fare copia e incolla del css). Mi domando: è possibile attraverso l'uso del solo css (senza creare altre immagini) ottenere quello stesso effetto? e quindi ad esempio per youtube avere sfondo bianco e scritta interna rossa? Se sì come? grazie

[carlomarangoni]

No se sono immagini via css puoi solo sostituirle con altre immagini! Ma dove sta il problema?

[KillerWorm]

Ciao, anche se si potesse fare col css, magari applicando qualche filtro, diventerebbe tutto molto complicato.
L'icona di youtube la puoi comunque trovare come Font Awesome; mi sembra la soluzione più corretta in quel caso.

Se poi devi creare lo stesso effetto anche per le ultime due icone (che sono multicolore) dubito che si riesca, solo con l'applicazione dei filtri css, ad ottenere un risultato soddisfacente o quantomeno uniforme alle altre icone.

In quest'ultimo caso, la soluzione più semplice è quella indicata da carlomarangoni.

[luisa227]

No se sono immagini via css puoi solo sostituirle con altre immagini! Ma dove sta il problema?

Il problema � che non sono in grado di crare delle immagini "inverse" a quelle.

[carlomarangoni]

.

[carlomarangoni]

Quello con la S non lo ho trovato
02.JPG
01.JPG

[luisa227]

carissimo carlo, ti ringrazio tantissimo per la tua disponibilità ma:
1. non riesco a visualizzare il primo allegato attachment
2. riguardo youtube e le altre immagini non mi servono inverse in quel senso (lì ci ero arrivata anche io facendo usando con photoshop il menu Regolazione Colore - Inverti) ma mi servono invertite di colori tra loro, esempio youtube dovrebbe diventare con bordo rosso, sfondo bianco e scritta rossa - instagram - anche se è tutta colorata - con bordino magari arancio e sfondo sempre bianco e iconcina interna anche arancio, steller - che è l'icona con la S - stessa cosa: bordo blu, sfondo bianco e S blu, stelline blu, montagne grigie). Spero che questa volta sia più chiaro.

In tutti i casi grazie

[carlomarangoni]

Beh! Con PS e bacchetta magica selezioni i vari elementi di un'immagine e li riempi con un'altro colore

[luisa227]

Beh! Con PS e bacchetta magica selezioni i vari elementi di un'immagine e li riempi con un'altro colore

credimi, prima di postare ci ho provato... risultato deludente... ti prego non mi obbligare ad allegare la prova che ho ftto con youtube...

[carlomarangoni]

La soluzione più ovvia al tuo problema sono le immagini, quindi in qualche modo vogliono realizzate, a questo punto come tu possa farlo non te lo so proprio dire!

Prova a postarne una in originale e dirmi come la vuoi in hover vedo se riesco a farti un esempio