[Consulta]Showroom de imagenes con efecto

[luzzifer]

Hola C2am Muchisimas gracias!!

Lo que hice en los pasos siguientes:
Ingrese a mi carpeta templates/template/css/layout.css y agregue la siguiente linea en "main"

Código CSS:

.efecto img{ opacity:0.4}
    .efecto img:hover{ opacity:1}
 

Luego en los articulos donde quiero que las imagenes tengan ese efecto lo logro
con este codigo puesto en html:

Código HTML:

<div id="post1" class="efecto"><img src=tuimagen1.jpg/> + texto </div>
 

Pregunta:
¿Como logro que esa imagen se convierta en link? he intenado convertirla en link a esa imagen con efecto atraves de html y no he podido.
Por que cuando actualizo la pagina, se pierde la imagen osea que rompo el codigo.