Applicare css solo ad alcune immagini come faccio?

**RigillaMas** · 21-04-2013, 11:00

Ho un blog su blogger. Sto creando un widget semplicissimo (icone social) in html da sola e volevo applicare un css per l'opacità che,al passaggio del mouse, si dissolve. Niente di complicato è bastato fare un giro sul web per capire come si faceva. Il problema si è posto quando all'aggiunta dello stile esso non modificava solo le immagini del widget ma anche tutte le altre immagini del blog. Come faccio a limitare lo stile css solo alle immagini del widget?

questo era il codice (molto banale, sono agli inizi)

codice:

<html> 
<head> 
<style type="text/css">
 img { filter: alpha(opacity=70); 
opacity: .6;
 -webkit-transition: 0.4s; 
} 
img:hover { 
filter: alpha(opacity=100);
 opacity: 2; 
} 
</style> 
</head> 
<body>
Qui l'html dell'immagine
</body> 
</html>

Vi ringrazio

**goikiu** · 21-04-2013, 11:07

Non potresti dare una classe alle immagini del tuo widget?
In questo modo dal css punti a quelle e basta.

**RigillaMas** · 21-04-2013, 11:09

potresti essere più chiaro o rimandarmi ad un link che mi aiuti? Sono meno di una principiante
Grazie

**goikiu** · 21-04-2013, 11:13

ipotizziamo che il tuo widget abbia la seguente parte html

codice:

[img]my_img.jpg[/img]

puoi modificare credo il tuo codice di conseguenza (css):

codice:

<style type="text/css">  
.widget_img { filter: alpha(opacity=70);  opacity: .6;  -webkit-transition: 0.4s;  }  
.widget_img:hover {  filter: alpha(opacity=100);  opacity: 2;  }  
</style>

Prova a far delle ricerche su internet su differenza tra classi ed id e su come usare i selettori, son un poco arruginito sui css ma credo che potrebbe funzionare

**RigillaMas** · 21-04-2013, 11:18

Ti ringrazio sei stato davvero cortese, mi metto subito all'opera
Ciao

Discussione: Applicare css solo ad alcune immagini come faccio?

Strumenti discussione

Ricerca discussione

Visualizza

Applicare css solo ad alcune immagini come faccio?

Grazie ma...

Ti ringrazio...

Permessi di invio